Diagonally Overlapping Images
Foreground image Background image Combined images Here's a quick tip for using the Divi Theme's image module to do a diagonal overlay of two different images. Create an image module and set one of your images (the one you wish to appear at the top right) as the main...
Hiding Menu Item from the Mobile Menu
By default, the Divi Theme shows the same menu items in both the desktop and mobile versions of the header menu (albeit with different formatting). If you'd like to exclude certain items from showing up in the mobile menu, i.e. making them appear on the desktop menu...
Make the Divi Theme Options Header Sticky
The Divi Theme's options screen (found at "Divi > Theme Options") presents a long list of settings which can be used to configure the theme. At the top of the options screen is the header, which includes tabs for accessing the different collections of settings...
Show Image Description on Image Module Lightbox
The Divi Theme's image modules come with the option opening the image in a lightbox. That is, when you set the image module's "Image Settings > Content > Link > Open in Lightbox" option to "Yes", your users can click on your image it will be enlarged and...
Replacing the Divi Pricing Table Button
The Divi Theme's pricing table module allows you to add a button at the end of each pricing table item. The "button" is a really just a link, with text and a URL, styled to look like a button. So what if you need to replace it with something more complex, such as a...
Generating Divi Breadcrumbs from Visited Pages
The Divi Breadcrumbs Module by Divi Booster now offers an easy way to implement SEO-friendly breadcrumbs using the browsing history of your visitors. Sometimes, a linear representation based on your site’s inherent structure doesn’t quite capture the journey a user...
Adjust the Gap Between the Contact Form Fields and Submit Button
The Divi Theme's contact form module displays a contact from consisting of input fields (such as the message textbox) followed by a submit button (and optional captcha). If you'd like to adjust the space between the input fields and submit button / captcha, you can do...
Change the Height of the Secondary Header
Increase the Height of the Secondary Header You can increase the height of the Divi Theme's secondary menu bar using the following CSS:Related Post: Adding CSS to the Divi Theme This adds 30px of additional padding (and hence height) to the top and bottom of the...
Disabling Breadcrumb Markup in the Divi Breadcrumbs Module
The Divi Breadcrumbs Module adds breadcrumbs to the Divi theme. It includes breadcrumb markup (in RDFa format) in the breadcrumbs it generates. This can aid SEO by allowing search engines to better understand the breadcrumbs / site structure. Search engines may...
Making a Fullwidth Section behave like a Standard Section
The Divi Theme supports several different types of "section" elements in its page builder. Two of these are the standard section and the fullwidth section. As the name suggests, a fullwidth section typically occupies the fullwidth of the browser window. A standard...