Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #241353

    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!

    #241479

    Hey Keyframed!

    Try with this code:

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

    Regards,
    Josue

    #242001

    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

    #242004

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    #242005
    This reply has been marked as private.
    #242556

    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

    #242648

    I works like a charm!

    Thans a lot
    Federico

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Image overlay issue’ is closed to new replies.