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...
dan
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...
Add a "Sticky" Widget Area in Divi Theme
A "sticky" widget area lets you add widgets to your theme and have theme remain on display while the user scrolls down the page. Here's how to add a "sticky" sidebar widget area to the Divi Theme. What is a "Sticky" Widget Area? A sticky widget area gives you a place...
CSS Media Queries for the Divi Theme
The Divi Theme uses a responsive design, meaning it adjusts its layout to look good on any size of screen. This is achieved using CSS styles targeted at particular screen sizes using a technique called "media queries". If we're looking to make changes to Divi using...
Adding a Video Background to the Divi Theme
Divi has a nice option to add a video background to page sections. This lets you show videos instead of simple images behind your content. This post explains how to add a video background section to your Divi layouts. Step 1: Create a New Page Hopefully you know how...
Stop Facebook Showing Old Page Titles
When you share a link on Facebook, the link is displayed in your Facebook post along with the page title that Facebook retrieves from your site. However, if you've recently updated the page's title, you may find that Facebook continues to show the old title. This...