Tagged: , , , , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 21, 2014 at 8:31 pm #241353
    Keyframed

    Hi,

    i’m trying to reduce the opacity of the white solid when you hover over an image, I’ve tried to put:

    .image-overlay { opacity: 0.1 !important; }

    .image-overlay-inside { opacity: 0.1 !important; }

    in the Quick CSS section of Enfold but nothing changes. Can i use some help?
    Thanks!

    March 22, 2014 at 2:09 am #241479
    Josue

    Hey Keyframed!

    Try with this code:

    .image-overlay:hover {
    opacity: 0.1 !important;
}

    Regards,
    Josue

    March 24, 2014 at 10:42 am #242001
    Keyframed

    Hi Josue,

    the code works, but now the image stays in “hover state” even when I move the mouse off of it! any idea?
    Thanks

    March 24, 2014 at 10:51 am #242004
    Josue

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    March 24, 2014 at 10:56 am #242005
    Keyframed
    This reply has been marked as private.
    March 25, 2014 at 7:37 am #242556
    Ismael

    Hey!

    Please use Josue’s code:

    .image-overlay:hover {
    opacity: 0.1 !important;
}

    I tested this on my end and it works fine. Maybe you set the element to :hover when your inspecting it.

    Cheers!
    Ismael

    March 25, 2014 at 10:56 am #242648
    Keyframed

    I works like a charm!

    Thans a lot
    Federico

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Image overlay issue’ is closed to new replies.