Written by Dan Mossop
The Divi theme developer documentation describes how to control the Custom CSS Fields for a module's settings.
There's a built-in filter for modifying these fields, which you can use like so:
add_filter("{$slug}_custom_css_fields", "edit_custom_css_fields", 10, 3);
function edit_custom_css_fields($custom_css_fields, $slug, $main_css_element) {
return $custom_css_fields;
}We may earn a commission when you visit links on our website.
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...
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...
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...
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...
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...
0 Comments