Featured image on the home page is covered by a colour block

[emmaglet]

Hello,

This is probably a really simple fix.

At the bottom of my home page (www.emmadrew.info) I have my latest blog posts with the featured images showing.

However, there is a block of colour over the featured image unless you hover over the featured image, where you can then see the featured image properly.

This was working at one point, but I must have tweaked something and it has been so long that I’ve forgotten what.

Any help gratefully received.

Emma

[ruenel]

Hi Emma,

Thanks for writing in!

I have visited your site and find the recent post items at the bottom of the page. Do you want to display the featured image and have the solid color appear when you hover over it? If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-recent-posts .has-post-thumbnail .x-recent-posts-img:after,
.x-recent-posts .no-post-thumbnail .x-recent-posts-img:after {
    opacity: 0;
}

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img:after {
    opacity: 0.55;
}

Feel free to increase or decrease the opacity when needed. The opacity value is between 0.0 to 1.0 only.

[emmaglet]

That is perfect, thank you for your quick response.

[basanta]

You are most welcome!