Forums

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

Home Forums CSS [Solved] Change Entry Title Color On Entry Hover

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #174347
    braddalton
    Participant

    I’ve added a hover color to the grid at the end of the home page. http://wpsites.net/

    I would like the entry titles to also change color to white when each grid is hovered.

    Spent hours trying heaps of solutions but still can’t work it out.

    .home .genesis-grid-even:hover,
    .home .genesis-grid-odd:hover  {
        transition:  all 0.5s ease-in-out;
            background-color: #0099CC;
        color: #fff;
    }
    
    #174348
    MDMueller
    Participant

    You try to set the color for the whole box. If there were no other styles, the headings would turn white aswell, as the color is usually inherited (color: inherit). They are link-tags however, that are styled grey.

    So simply add some CSS to style the link-Tags like this:

    .home .genesis-grid-even:hover .entry-title a,
    .home .genesis-grid-odd:hover  .entry-title a {
        transition:  all 0.5s ease-in-out;
            background-color: #0099CC;
        color: #fff;
    }
    #174353
    braddalton
    Participant

    Thanks.

    I was trying .home .genesis-grid-even .entry-title a:hover which is why it didn’t work.

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