Is there a way to put images in place of the icons in the Featured Content boxes

  • Sorry if this is already posted somewhere but does anyone know a way to replace the font awesome icons with images? Can I do this in theme options or do I need to get into the html of my page?

Viewing 3 replies - 1 through 3 (of 3 total)

  • I would like to do the same thing, but can’t see how.

    I’m assuming you’re talking about the Front Page Content Boxes in Theme Options, and I’m seeing no option to use images for the FontAwesome CSS icons either. That would be REALLY useful. Those icons are just not adequate for what we need, and we shouldn’t be restricted.

    Maybe there is a FontAwesome codeword to allow an image?

    it can be done with css but you will need to use your browsers inspect element to find the class for each icon you wish to replace, in this example i am using the star FA icon and its class is “fa fa-star-o”. (in admin panel looks like “fa-star-o”)

    Its not ideal and you will need to use separate FA icons to reflect different images but I suppose it is easier than the alternative so thought I would share.

    /* replace first content box FA icon for image  */
.home i.fa.fa-star-o  {
content:url(\https://your-website/link-to-image.png);
}

    Warning: if you are changing css via the themes custom css option via the admin panel then the “\” gets stripped from the css with each save, so the next time you make a change to your themes custom css you will need to re insert “\”to all of your edits. You will not have this issue when using a child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Is there a way to put images in place of the icons in the Featured Content boxes’ is closed to new replies.