Customize the Lightbox Image Background Color in the Divi Gallery Module using Divi Gallery Booster / Divi Booster

Before we start, note that Divi itself does not provide a built-in option for changing the lightbox image background color in the Gallery module. This guide covers a feature added by the Divi Gallery Booster and Divi Booster plugins, which is not available by default in Divi. This setting is especially helpful for images with transparent or semi-transparent areas, as your chosen color will only appear behind these parts of the image.

Locate the 'Lightbox Image Background Color' Setting in the Gallery Module

Open the settings for your Gallery module in the Divi Builder. Head to the "Design" tab, then scroll down and expand the "Lightbox" section. Here, you'll find the setting labeled "Lightbox Image Background Color". If you don't see this option, ensure you have either the Divi Gallery Booster or Divi Booster plugin installed and activated.

Choose and Apply Your Custom Background Color

Click the color swatch next to the Lightbox Image Background Color setting to open the color picker. Select the color you want, and feel free to adjust the opacity slider for semi-transparent effects. For example, you might set a golden yellow (`#ffc800`) at 80% opacity for a warm, branded look. Once you're happy with your choice, close the color picker to apply your changes.

Save Your Changes and View the Result

After setting your preferred lightbox background color, remember to save your changes in the Divi Builder and update or publish your page. To preview the effect, open your page on the front end and click a gallery image—ideally one with transparent or semi-transparent sections. The lightbox background behind the image should now reflect your chosen color.