[armintzParticipant]

I’m trying to lighten the transparency/opacity of the hover color on my recent posts thumbnails on my home page.

here’s the link below (scroll three quarters of the way down to the “Latest News” section and you’ll see the 4 posts/thumbnails in question)

http://tinyurl.com/zte87sl

this code doesn’t seem to work:

.x-recent-posts a:hover img {
opacity: 0.1 !important;
}

on a similar note, i am successfully able to accomplish the opacity change on the thumbnails on my News page using the following code:

a.entry-thumb:hover img { opacity: 0.5; filter: alpha(opacity=5); zoom: 1; }
.entry-thumb:before { content: ''; }
.entry-thumb { background-color: #b50b38; }

any idea how to get this to work? thanks

[ChristianModerator]

Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS.

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

Hope that helps. 🙂

[armintzParticipant]

nailed it – thank you!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts