Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2019 at 12:52 pm #1078676
    yampieters

    hi , as there is no title or alt, a tooltip, visible anymore once you use the image overlay, you can recover this by using this code:

    /* Remove image overlay with circle and arrow */
    .image-overlay {
    display: none !important;
    opacity: 0 !important;
    }

    now, the tooltip wil be visible again.

    but, if you dont need this to happen on ALL pics of you site, but just the one or two, i would seem logical to paste this code in your img-tag.
    You would get something like this:

    <img src="http://jmcwebdesign.nl/dsw/wp-content/uploads/2019/02/stijlewant-index01.png" alt="Nederlands" width="186" height="294" /></a>

    strange thing is however: as soon as i paste this code in the img-tag the image itself becomes invisible.
    How could this be and how to avoid the image from disappearing?

    best regards, jelle vanhijfte

    • This topic was modified 5 years, 8 months ago by yampieters.
    March 18, 2019 at 4:22 pm #1079947
    Nikko

    Hey jelle,

    Can you give us a link to the page showing this? so we can inspect it.

    Best regards,
    Nikko

    March 19, 2019 at 8:34 am #1080248
    yampieters

    hello nikko, that is:

    March 20, 2019 at 7:06 pm #1080962
    Yigit

    Hi!

    It seems like you have added your custom CSS as following 

    .image-overlay:
display: none !important;
opacity: 0 !important;
}

    instead of

    .image-overlay {
display: none !important;
opacity: 0 !important;
}

    Attached a screenshot in private content field below. Please correct it and elaborate on the changes you would like to make. Since you added HTML to your page, i did not want to adjust it as it will simply hide your image and not the overlay :)

    You can simply go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your image element, give it a custom CSS class and then use following code in Quick CSS to hide its image overlay 

    .your-custom-class .image-overlay { display: none !important; }

    Regards,
    Yigit

    March 21, 2019 at 1:35 pm #1081378
    yampieters

    ok thanks yigit,
    you can close this ticket now.
    best regards, jelle vanhijfte

    March 21, 2019 at 2:39 pm #1081410
    Nikko

    Hi yampieters,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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