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...
Divi
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...
Autoplay Video Module YouTube Clips on Hover
The Divi Theme's video module allows you to add (among other things) YouTube clips to your page. If you'd like the videos to start playing when the user hovers over them, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to Divi. An...
Open Blog Module Featured Images in Lightbox
The Divi Theme's blog module gives you the option of displaying featured images for each of the posts. By default, these images link to the post to which they relate. If you'd prefer that the images open in a lightbox, you can use the following jQuery code:Related...
Open a Particular Accordion Module Item by Linking
The Divi accordion module starts with the first accordion item open by default. If you'd like to be able to control which accordion item is opened when linking to the page, you can do so with the following jQuery code:Related Post: Adding JavaScript / jQuery to Divi....
Change the Blurb Module Icon / Image Placement on Mobiles
The Divi Theme's blurb module offers a choice of two placements for the blurb icon / image: on top of the text, or to its left. The same placement is used on both desktop and mobile versions. If you'd prefer your left-positioned images and icons to switch to a...
Make the Email Opt-in Module Form Horizontal
The Divi Theme's "email optin" module (formally called the "subscribe" module) allows you to add a form to your pages which users can use to join your mailing lists. A tutorial by Geno showed how to use CSS to change the layout of the module's signup form into a...