Add a Frosted-Glass Background Blur in Divi
Give your Divi layouts a polished, glassmorphism look by blurring the content behind a semi‑transparent Divi section, row or module. This effect enhances readability over busy or textured backgrounds while preserving the visual impact of your imagery and layout. In...
Customize Dot Navigation Colors, Size, and Border in the Divi Gallery Slider
Tailor the appearance of the dot navigation in the Divi Gallery module’s Slider layout by defining active and inactive colors, adjusting dot size, and applying a border to match your brand. Fine-tuning these details improves visibility, accessibility, and overall...
Customize Lightbox Title Styling in the Divi Gallery Module
Adjust the appearance of the lightbox title that appears when visitors open images from a Divi Gallery to align with your brand and improve readability. Refining the title’s color, size, and weight enhances visual hierarchy, accessibility, and overall polish. In this...
Center the Lightbox Image Count in the Divi Gallery Module
Centering the image count in a gallery lightbox creates a cleaner, more balanced presentation and makes it easier for visitors to see where they are in the image set. This simple visual tweak can enhance readability, especially with larger images and longer captions,...
Style the Divi Gallery Module Lightbox Image Count
Tailor the appearance of the image counter in the Divi Gallery module lightbox to match your brand and improve readability. By customizing the counter’s color and typography, you ensure it displays clearly and suits your design. In this guide we show you how to style...
Customize the Lightbox Image Background Color in the Divi Gallery
Control the color that appears behind your images when users open in the gallery lightbox, including support for semi-transparent hues. This helps improve contrast for transparent images, align the experience with your brand palette, and create a more polished viewing...
Style the Divi Gallery Lightbox Close Button
Give your gallery lightbox a clear, on-brand close button by customizing its color and size. This improves visibility and usability against varying image backgrounds and ensures the button renders at full opacity for a consistent experience. In this guide we show you...
Set a Custom Semi-Transparent Lightbox Background in the Divi Gallery Module
Control the look and feel of your gallery lightbox by applying a custom semi‑transparent background color to the overlay that appears when images are opened. This helps your media harmonize with your brand palette, improves focus on the content, and enhances contrast...
Add a Visible Shadow to Divi Gallery Lightbox Arrows
Give the lightbox navigation arrows in your Divi galleries a stylish pop and improve their visibility by adding a shadow beneath the arrows. This quick guide will show you how to make your navigation arrows stand out against the lightbox overlay.Add a Visible Shadow...
Adjust Lightbox Arrow Size in Divi Gallery
Customize the size of the navigation arrows that appear in your gallery lightbox so they’re easier to see and aligned with your site’s design. Whether you want larger, more accessible controls or a subtler look, setting a precise arrow size creates a more polished...