Recent posts back ground issues on home page

[scaga829]

I have created a few recent posts that are linked to the home page and have put an image associated with them however the image is covered by a colored block but when you hover the mouse over it the image shows up. How can I get rid of the color block that seems to be in front of the image?

[ruenel]

Hello @scaga829,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

a.x-img:not(.x-img-thumbnail):hover {
    opacity: 1;
}

.x-recent-posts a .x-recent-posts-img:after {
    background-color: transparent;
}

.x-recent-posts a .x-recent-posts-img:before {
    display: none;
}

We would love to know if this has worked for you. Thank you.