Image Hover Brightness

  • Resolved miraclematt

    (@miraclematt)


    4 years, 1 month ago

    Images appear to show up slightly faded by default and then brighten with a mouse hover. How can I have the image appear at full brightness all the time (and perhaps a bit darker upon hover)? Thanks.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thnks for using Tracks!

    This CSS will remove the dimming effect entirely:

    .singular-post .featured-image:after {
  display: none;
}

    And this CSS will reverse it so it dims on hover rather than brightening:

    .singular-post .featured-image:after {
  opacity: 0;
}
.singular-post .featured-image:hover:after {
  opacity: 0.2;
}

    Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

    Thread Starter miraclematt

    (@miraclematt)

    Many thanks for that!

    That worked on the main post page, but not the homepage:
    https://mattcontiphotography.com/

    Also, the site logo seems to do the same thing.
    How can I change those?
    Thanks for a great theme!

    Theme Author Ben Sibley

    (@bensibley)

    Sure thing!

    Please add this CSS as well and that should make the logo and posts on the homepage stay bright:

    .site-title,
.excerpt {
  opacity: 1;
}
    Thread Starter miraclematt

    (@miraclematt)

    That worked out great! Many thanks for the swift support. Really enjoying the Tracks theme for my photography. Cheers!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome! Thanks for such kind feedback about the theme ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image Hover Brightness’ is closed to new replies.