While the Divi Theme doesn't seem to have support for making the box layout main area overlap the header navigation bar, we can achieve the effect quite easily. Here's what the result will look like: To achieve this effect, first disable the fixed navigation bar in...
Divi
Add Border to Divi Image Gallery Images
If you'd like to add a border to images in the Divi Theme's image gallery module (in grid view), you can do it like so: /* Add a border to the images */ .et_pb_gallery_grid .et_pb_gallery_image { box-sizing:border-box; border:1px solid black; }
Change Divi Image Gallery Grid Thumbnail Sizes
The Divi Theme comes with a gallery module which gives you the option of displaying your image gallery as a series of thumbnails (grid view). Changing the Gallery Grid with Divi Booster Divi Booster adds options to the Divi Gallery module settings for controlling the...
Adjust Slide Image Position in a Divi Slider Slide
The Divi Theme slider module has the option to add an image beside the slide text. If you'd like to change the position of the image for a particular slide, there are two main ways to do so. Move the Slide Image using Divi's Settings Divi offers two options for the...
Changing the Divi Header Top Header Styles
The Divi Theme allows you to set a phone number and email address to be shown at the top of the header, as well as a number of social media icons. Here's how to change the look of these top header text and icons. Changing the Top Header Bar Font Size You can adjust...
Adding Custom Icons to Divi
Divi comes pre-packaged with a selection of icons which can be used with modules such as the blurb module. These icons are 'font icons' provided by Elegant Themes and there is no in-built way to add new fonts. Fortunately, there is a way we can work around this to add...
Adding Custom Layouts to Divi
The Divi Theme has a nice feature where you can save your Page Builder page layouts for use as templates on other pages. By default Divi comes with a selection of predefined layouts. If you’d like to programmatically add to this selection of predefined layouts (e.g....
Setting Up the Divi Full-Width Slider
The Divi Theme comes complete with a built-in full-width slider module. Here's a quick guide to setting it up (and avoiding one of its biggest pitfalls). Note: see this post if you'd like to set up a fullscreen Divi slider with menu / logo overlay. Step 1: Create a...
Changing the Width of the Divi Sidebar
The Divi Theme sidebar is quite narrow, and you may find yourself wanting to increase its width. Changing the Sidebar Width in Divi Recent versions of Divi include an option for setting the sidebar width. To set the sidebar width: From your WordPress dashboard, go to...
Floating a Q2W3 Fixed Widget in Divi
The Q2W3 Fixed Widget (Sticky Widget) plugin allows you to mark individual widgets as sticky, meaning that when you scroll up the page they will stay in position on the screen, rather than scrolling out of sight with the rest of the content. A good use for the plugin...