image hover issue

  • Resolved kk_admin

    (@kk_admin)


    8 years, 6 months ago

    Dear all,

    I’m still suffering with hover effects on my site. While the other threads were resolved by your amazing team, I still have an image which won’t lighten up on hover.

    I tried to apply css attributes to that image (no go) or use a variety of external plugins: which worked fine, but then I couldn’t center the thing with div, text:align, custom css or however hard I tried.

    The image in question is the youtube button (it appears on more pages so I would need a solution that I can apply anywhere on this image – or just simple any image with hyperlink, if that’s less messy). Now it has no effect applied as it didn’t work anyway. I need a simple opacity change like in music player above or in the next/previous arrows in the navigation part.

    https://klarakolonits.com/fiordiligi/
    PW: 2016

    Thank you very much in advance!

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

  • This CSS should give that image an opacity shift on hover anywhere on your site. As usual, add to Appearance> Theme Options> Custom CSS:

    img.wp-image-3387:hover {
    opacity: .2;
}

    Let me know if that works for you!

    Thread Starter kk_admin

    (@kk_admin)

    Ten points for Gryffindor again! Thank you!

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