Ethos blog page remove hover

[global411]

Hello,

http://kidsbalance.bike/blog/
is using Ethos 1 and sorry if this has been asked but I really have looked all over,

How to remove the hover over the featured image?

I found the code
.x-recent-posts a:hover .x-recent-posts-img:after {
background-color: rgba(0, 51, 51, 0.25)
opacity: 1;
}

and tried
.x-recent-posts a:hover .x-recent-posts-img:after {
display: none;
}
but I suck and did not work

[friech]

Hi Erick,

Thank you for writing in, please add this to Theme Options > CSS

.blog .entry-featured a.entry-thumb:hover:before,
.blog a.entry-thumb:hover .view {
	opacity: 0;
}

To learn more custom CSS (when your schedule allows), you can inspect your site using Chrome’s developer tools to see the styling that is applied to an element and then using custom CSS to override it. You can find more info on how to check for CSS selectors here. Then information about writing your custom CSS here.

Cheers!

[global411]

Worked great thank you, and will learn more, thx for the info.

[jade]

You’re most welcome!