Docs

[twigglee]

Hi,
How do I change the icon of a featured image blog post for when I hover over it?

The image I provided currently shows a “document” icon in the centre. How do I change it to something else?
Second image shows a different hover over icon
Thanks!

[Thai]

Hi There,

Please add the following CSS under style.css file locates in your child theme:

.entry-thumb:before {
    content: "\f001";
}

You can change the other icons: http://fontawesome.io/icons/

Hope it helps 🙂

[twigglee]

Hey,
Do I add it in here?
I don’t think it worked
Thanks.

[Thai]

Hi There,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / Password

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[twigglee]

This reply has been marked as private.

[Thai]

Hi There,

Sorry for the confusion!

After added the following CSS, it’s working fine:

.x-recent-posts .format-standard .x-recent-posts-img:before {
    content: "\f18e";
}

Cheers!

[twigglee]

Thanks!
One last thing, can I add a small boarder around the icon somehow?

[Thai]

Hey There,

Please update the previous CSS a bit:

.x-recent-posts .format-standard .x-recent-posts-img:before {
    content: "\f1d8";
    border: 1px solid #fff;
}

Hope it helps 🙂

[Author]

Posts