Change image hover color

  • Resolved tastymouse

    (@tastymouse)


    5 years, 6 months ago

    I want the change the overlay on the images on the homepage when you move your mouse over it. I can’t find the code in the style.css. Can anyone tell me which is the class that controls this?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    Here is a snippet that will work for the transparent overlays:

    /* change hover color background for all transparent posts */
@media screen and (min-width: 37.5em) {
  .hfeed .hentry.has-post-thumbnail:not(.grid-item-featured) .post-thumbnail:after {
      background: rgba(82, 170, 218,0.9);
  }
}

    And here is a snippet that will change both the transparent and orange overlays:

    /* change hover color background for all posts */
@media screen and (min-width: 37.5em) {
  .hfeed .hentry.has-post-thumbnail .post-thumbnail:after{
      background: rgba(82, 170, 218,0.9);
  }
}

    Hope this helps!

    Thread Starter tastymouse

    (@tastymouse)

    Hi Darnell,
    Yes this does it.
    Thanks, Tom

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change image hover color’ is closed to new replies.