Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 6, 2016 at 3:24 pm #609004
    brianwelsh

    Hi,

    I would like to remove the circle with an arrow in when I mouse-over an image. Can you please let me know
    if this is possible.

    If you mouse-over the very 1st image of the Enfold Demo you will see what I mean. I am adding an image gallery to a site and it is just too much to have this style on every thumbnail image.

    http://kriesi.at/themedemo/?theme=enfold-overview

    Thanks
    Brian

    • This topic was modified 8 years, 8 months ago by brianwelsh.
    April 6, 2016 at 3:39 pm #609014
    begrafiks

    Hi @brianwelsh ;
    I think the answer, and more, is here : Disable CSS Overlay on images

    April 6, 2016 at 3:41 pm #609016
    Yigit

    Hi!

    Please refer to @begrafiks’ post above and if you would not like to use custom CSS code, please go to Enfold theme options > Advanced Styling and edit “Linked Image Overlay” and disable it

    @begrafiks     thanks :)

    Cheers!
    Yigit

    April 6, 2016 at 3:50 pm #609021
    brianwelsh

    Thank you for the speedy response!!!

    I have tried adding the CSS code to the QuckCSS box:

    .image-overlay {
    visibility: hidden;
    }

    and have emptied my cache, but no luck!

    Also I cannot find an option to turn the “Linked Image Overlay” off under Advanced Styling? There is just an
    option to change the colours?

    I am trying to use the Envira Gallery plugin!

    Thanks
    Brian

    OK, got a response from Envira which may help other ENVADA users:

    .avia_transform .envira-gallery-wrap a .image-overlay { display: none !important; }

    worked for me!!!

    Brian

    • This reply was modified 8 years, 8 months ago by brianwelsh.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to remove the circle with arrow in when I mouse-over an image?’ is closed to new replies.