Features

Changing the Height of Divi Sliders

Setting the height of sliders in the Divi Theme (and other sites using Divi Builder) can be a surprisingly difficult task. Here's how to take control of your sliders and get them to display at the height you want on desktops, mobiles and tablets.Option 1: Setting 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...

Making Divi Buttons the Same Size

Normally the Call-to-Action (CTA) buttons in the Divi Theme adjust in size to fit the text they contain. If you'd prefer to have a standard button width throughout your site, here's how to do it.Normally the Call-to-Action (CTA) buttons in the Divi Theme adjust in...

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...

Change the Divi Logo Link

By default, the Divi Theme logo links back to the homepage. But this can easily be changed with the following jQuery snippet: jQuery(function($){ $('.logo_container a').attr('href','https://www.google.com'); }); Just change https://www.google.com to your desired URL....