WP – What css to add so hovering over an image also hovers the title text?

[iizag]

Hi, thanks for any help.

I cant figure out how on this page

http://iamdentistry.com/archive/dentistry/correcting-overbite/

when I go to the related posts section on the bottom, I want to set it so that when my mouse hovers over the image, the title text shows the hover effect. Since how it is set now, the title text a:hover only activates when the mouse is over the text . So what css can i add to make the image and text basically “one block” so when the mouse hovers over the image, it also hovers over the text. ?

[Shikkediel]

As I understand it that would be:

.post-thumbnail:hover + h3 a {

}

So hover over the image – do something to the link below.

[iizag]

@Shikkediel

Thank you that worked . Does the “+” symbol work in different browsers ? I ask because for css like this i have never seen a + only commas, #, . etc.

[Shikkediel]

I think the adjacent sibling selector is very well supported. There were some bugs in the beginning but they seem to have been solved.

http://caniuse.com/#feat=css-sel2

[Author]

Posts