Change icons-fonts ruled by css in homepage

More
8 years 7 months ago - 3 years 8 months ago #45925 by Giorjoom
How can I change the icons in <sparky_full adwert row>.
Looks like depend upon <div class ="moduletable"> but I still don't know how to present to the user an easy option to choose his favourite icon. Please help (niko ne zna sta to svidja)!
Attachments:
Last edit: 3 years 8 months ago by milos.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 7 months ago #45926 by milos
Hello,

These icons are from Linea icon set. You can use different icons listed here: linea.io/ To change an icon, please edit template_css.css file and find lines:

.mp_advert1 h3:before
.mp_advert2 h3:before
.mp_advert3 h3:before

Unzip the attached file and open file icons-reference.html to see content value for each icon.

You can also use your own PNG images for icons, size 32px x 32px. Upload them to the template's images folder. In this case, delete the content property for each icon and put background property:

background:url(../images/icon1.png)

Thanks,
Milos
Attachments:
The following user(s) said Thank You: Giorjoom

Please Log in to join the conversation.

More
8 years 4 months ago #46198 by madmax24
Hello,

I am trying to change the icons using the instructions provided in the previous thread. However, I have not had any luck. I would like to use my own custom images in place of the linea images used in the template. I have changed the css as you instructed but cannot figure out what I am doing wrong. I have uploaded my .png image into the media center. Can you please provide a little more detailed instruction? I do not have much experience working with css sheets so any extra help would be much appreciated.

Thank you!

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 4 months ago #46200 by milos
Hello,

You should upload images by FTP into template's "images" folder (/templates/hot_startup/images) and then change css, in example like this:
Code:
.mp_advert1 h3:before { background: url(../images/myimage1.png) no-repeat; }

Regards,
Milos

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 4 months ago #46214 by milos
Currently, there's no row on your site with social icons. Originally, there's row with class "socialrow" where icons are located. There's no such row on your site. Icons should be placed in this row, in custom module in position User6.

Please create a custom HTML module in position User6 and put icons (or anything else) there.

Thanks

Please Log in to join the conversation.

More
8 years 4 months ago #46230 by madmax24
Hello,

Thank you for your response, however, it did not answer my question. I have attached an image of the image icons that I am speaking of, not the social media icons in the user6 position. I have applied the css changes you mentioned in a previous post but it did not display the custom image, instead it left the area blank. Please see image.

Thank you.
Attachments:

Please Log in to join the conversation.

Time to create page: 0.303 seconds
Powered by Kunena Forum