Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 12, 2020 at 8:49 am #1236871
    S-edwards

    Hello,

    Please see link below.

    If you click on the first “find Out More” Button you will see thumbnail images. For some reason the overlay does not appear the first time i hover on them. I have to move my mouse over it a few times to get it to show, once it DOES show its not centered over the image.

    Help would be appreciated,

    Thanks

    August 13, 2020 at 5:06 am #1237240
    Rikard

    Hey S-edwards,

    I see the same problem on my end unfortunately. First off, could you try updating the theme to the latest version (4.7.6.2) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    August 13, 2020 at 6:54 am #1237274
    S-edwards

    Hello,

    I just tried updating Enfold, WordPress, and a bunch of plugins. Still no luck though.

    August 14, 2020 at 6:58 am #1237689
    Rikard

    Hi,

    Thanks for the update. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    August 17, 2020 at 12:22 am #1238305
    S-edwards

    Hello,

    Details below. thanks

    August 18, 2020 at 4:22 am #1238705
    Rikard

    Hi,

    Thanks for the login token. I can’t locate the problem unfortunately, maybe you want to hide the overlay altogether in those popups? It doesn’t add much value to those thumbnails anyway in my opinion.

    Best regards,
    Rikard

    August 18, 2020 at 6:00 am #1238712
    S-edwards

    Hello,

    Okay if i can’t fix it then removing it is the next best thing, as long as the lightbox keeps working.
    Do you know the CSS to do this? I find it hard to target the overlay.

    August 20, 2020 at 4:37 am #1239362
    Rikard

    Hi,

    Thanks for the update. I’ve added this to the top of your Quick CSS, and the overlay is not displaying anymore:

    .ambassadorDescSub .image-overlay {
  background: transparent !important;
}

.ambassadorDescSub .image-overlay-inside:before {
  display: none !important;
}

    Please review your site.

    Best regards,
    Rikard

    August 20, 2020 at 5:45 am #1239419
    S-edwards

    Perfect!

    I added another hover effect over the div to make up for it, and its exactly what i want.

    Thanks for your help its much appreciated.

    August 20, 2020 at 5:53 am #1239424
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Image Overlay not centered over image and delayed’ is closed to new replies.