Divi

Hide Divi Gallery Titles, but not the Captions

The Divi Theme's gallery module shows the image titles and captions under each image, by default. While there is an option to hide both the titles and captions, sometimes you may want to show only the captions but not the titles. That way, you can easily control the...

Disable Divi Gallery Image "Slide In" Effect

When you first view a Divi Theme gallery, the images will "slide in" from the left. If you don't want this slide in effect on your gallery images, you can disable it with the following CSS: .et_pb_gallery_item { -webkit-animation: none !important; -moz-animation: none...

Stop Divi Cropping Slider and Header Background Images

I often get asked for help with cropped and or stretched images in the Divi Theme's Slider and Header modules. The problem with the cropping is usually caused by having "parallax" enabled on the full-width header. Parallax gives the effect of the header background...

Add Custom Text to the Divi Top Header

In this guide we show you how to add custom text to the Divi Top Header. Learn how to display custom messages or information prominently at the very top of your website by adding text to the Divi Top Header. This allows you to communicate important announcements,...

Set a Global Minimum Width for Divi Buttons

Ensuring all buttons on your Divi website have a consistent minimum width is important for maintaining a professional and visually balanced design. Setting a global minimum width for Divi buttons helps prevent layout inconsistencies and improves user experience,...

Make Full Width Header Scroll Down Icon "Bounce"

The Divi Builder's full width header module comes with an option to have a scroll down button, which indicates to the user that there is more content to follow. To draw further attention to this, you can make it "bounce" with the following CSS: .et_pb_fullwidth_header...