Increase Gap below Post Subheadings on Mobiles
The Divi Theme gives subheadings in posts (i.e <h2> tags) a bit of bottom padding (10px) to provide space between them and the text that follows. However, on small device widths, Divi reduces this bottom padding to zero. This means that there is very little...
Translating Divi Booster Settings in WPML
Divi Booster 3.0 upwards includes support for translation via WPML. Here's how to translate the some of the settings. Translating the Divi Booster Footer HTML The Divi footer HTML feature can be found at: Divi > Divi Booster > Footer > Replace footer links...
Fix CTRL + Mouse Wheel not scrolling in Divi
Browsers often allow zooming of a web page by scrolling the mousewheel and holding down the CTRL button. By default, this will work on sites built with the Divi Theme. However, you may find that it no longer works on your Divi site, without an obvious reason. Here's...
Show 2 Images at a Time in the Gallery Module Slide Layout
The Divi Theme's gallery module has two layout options: grid and slider. When the slider layout is active, the gallery shows one image at a time (and you can move from one to the next with arrow buttons). If you'd like to have the gallery slider display two images at...
Hiding Divi's Secondary Menu Bar
The Divi Theme's header consists of two parts: the primary menu bar, which contains the logo and main menu links, and the optional secondary menu bar, which various elements such as the email address, phone number and social network icons. If you'd like to remove the...
Changing the WooCommerce Cart Icon
The Divi Theme has support for WooCommerce built-in and will display a cart icon in the header when products have been added to the cart. The default icon is a shopping cart. Here's how to change it to something different.Using a Different Built-in Icon The cart icon...
Add Border Box to Main Menu Items
Here's how to add a simple border round the main menu links in the Divi Theme's primary header. Adding a box round all menu items The menu links in the Divi main header can be a bit tricky to style when it comes to borders. The reason for this is that Divi applies...
Open Featured Images in a Lightbox
The Divi Theme can display a featured image at the top of posts. By default this is a static, non-clickable image. But what if you want to be able to click on the featured image and view the image enlarged in a lightbox? Here's how you can do it.Open Featured Images...
Enable Mobile Pinch Zooming in Divi – Divi 5 & Divi 4
By default, Divi disables mobile pinch zooming by outputting a restrictive viewport meta tag: This prevents visitors from zooming in on your site using the normal pinch-to-zoom gesture on mobile devices. While this may give you more control over the mobile layout, it...
Using Shortcodes in the Button Module
Divi Shortcode Enabler allows shortcodes to be used in various Divi modules, including the button module. Currently, Divi Shortcode Enabler supports using URLs in the following button module fields: * Button text* Button Link URLUsing shortcodes in the Button text...