Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #248424
    iizag
    Participant

    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. ?

    #248427
    Shikkediel
    Participant

    As I understand it that would be:

    .post-thumbnail:hover + h3 a {
    
    }
    

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

    #248432
    iizag
    Participant

    @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.

    #248448
    Shikkediel
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.