hover opacity css

  • Resolved kk_admin

    (@kk_admin)


    10 years ago

    Hi all,

    How can I add hover (opacity:50) to (selected) images on my page?

    The back-next arrows are in question, I am experimenting since an hour but no success as for now:

    http://klarakolonits.com/beta-uj-szerep/

    I added the image title and class id in the image menu and the following code to custom css but no effect

    #next .x-img:hover {
  opacity: 0.5;
}

#back .x-img:hover {
  opacity: 0.5;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • Suyogya Shukla

    (@themeislesupport)

    10 years ago

    Hey there,

    Try replacing the code with this:

    .entry-content .aligncenter, .main .aligncenter [class*=wp-image]:hover {
    opacity: 0.5;
}

    Hope it helps.

    Thread Starter kk_admin

    (@kk_admin)

    10 years ago

    Thank you, nope 🙁 I added it to custom css but no effect as for now. As long as I didn’t have to change anything in your code (class?) ?

    edit: WORKED, resolving.
    before it didn’t go because of messy custom css, my fault 🙂

    Suyogya Shukla

    (@themeislesupport)

    10 years ago

    Hey there,

    Glad it worked. Cheers 🙂

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

The topic ‘hover opacity css’ is closed to new replies.