1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Gallery Overlay Icons Displaying Under Images

Discussion in 'Free Divi Community Forum' started by AJAiken, Dec 18, 2024.

  1. AJAiken

    AJAiken New Member

    I'm fairly new to Divi and have been doing a lot of tweaking to get image galleries working as I want. My site went live last week and unfortunately the gallery isn't displaying as it was in the Theme Customizer, which I was using as a way to preview. (Perhaps not the best way to check?)

    I wanted the icon to overlay the image when the mouse rolls over.

    What I wanted:
    Screenshot 2024-12-18 at 10.52.35.png What I got:
    Screenshot 2024-12-18 at 10.51.14.png
    And, when I click on the image/icon I want to bring up the lightbox with the ability to navigate between images, as so:
    Screenshot 2024-12-18 at 10.52.46.png

    What's actually happening:
    Screenshot 2024-12-18 at 10.53.48.png

    I do have some CSS and code snippets to get the gallery looking the way I want, but when I turn all that off or delete it the icon still displays under the image. There isn't any additional code in the gallery block.

    Does anyone know what I'm missing, or what I can try to fix this? It appears to be an issue across every grid gallery, but those that are slider galleries appear to be working. My site is ajaiken.com if you want to take a look.

    Thank you!
     
    #1 AJAiken, Dec 18, 2024
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hi AJAiken,

    It sort of looks like some of Divi's own styles aren't loading on the front-end. Try clearing the caches in any cache plugins you're using, and also trying Divi's Static CSS cache at:

    Divi > Theme Options > Builder > Advanced > Clear Static CSS

    If that doesn't help, also try disablng Divi's Dynamic CSS at:

    Divi > Theme Options > General > Performance > Dynamic CSS

    (and clear the caches again afterwards).

    But if there's still no luck, are you able to share a link directly to the page with an affected gallery - I had a look round the site (awesome artwork, btw), but couldn't see those images or any broken galleries.
     
    #2 Divi Booster, Dec 18, 2024
    AJAiken likes this.
  3. AJAiken

    AJAiken New Member

    Thank you!

    Static CSS was off, but I tried turning it on and clearing the cache anyway. It didn't change anything, unsurprisingly.

    Disabling Dynamic CSS seems to be what did it - all seems to be working well now.

    I've left both off.

    I'm mainly using this gallery on my blog - sorry for not clarifying! Thanks again.
     
    #3 AJAiken, Dec 19, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Divi Booster

    Divi Booster Divi Expert

    Ah... the one place I didn't look ;) I'm glad that solved it!
     
    #4 Divi Booster, Dec 19, 2024
(You must log in or sign up to post here.)