Where to add custom CSS to Divi (and where NOT to)
What is CSS and why would you want to add it to Divi? “Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.” Divi comes with a large range of built-in options that...
Use Divi Support Center to check your hosting settings
Having the right hosting is a crucial part of any successful Divi website but having a great host for your site is only a part of the solution. Setting up your hosting so that your website can run at its best can mean the difference between a slow and buggy experience...
How to use Google maps in Divi using iFrame embed (no API)
When you add a map module in Divi it will display an error message “This page can’t load Google Maps correctly” and displays a map with “for development purposes only”. This is because the map module requires you to enter a Google Maps...
5 tips to make your Divi website load faster
A fast website is better than a slow one. “How do I make my Divi website load faster?” is a question that comes up in the various Divi Facebook groups on a regular basis so this post will show you the key methods required for reducing your page load times...
5 Animated Divi buttons using button module settings
Looking to create some cool animated buttons using the Divi Builder and the button module? As more settings become available within the Divi Builder and its modules there are more ways to create unique effects without using any extra code or plugins. This post will...
How to make Divi accordions closed by default
The 1st Divi accordion module item is set to be open by default and there is no option to set it to be closed. If you would like all your accordion items to be closed by default there is a simple trick that makes the 1st (open) item of your accordion invisible. This...
Add mobile pinch & zoom in Divi
Divi is one of the most mobile-friendly WordPress builders in the industry, but it does disable the mobile pinch and zoom feature by default. This, for some users, can be a little annoying if they want to zoom in on something when on mobile. Divi doesn’t require extra...
Hide Divi modules on mobile
People engage with your website in different ways on desktop, mobile and tablet devices so you may sometimes want to show or hide content on your website to these specific users. If you want to hide certain Divi modules, rows or sections when a visitor is viewing on...
Backup your Divi site now!
If you lost your website tomorrow, would it be a big deal? yes?… You need to backup your site today. I am 100% sure you will have heard this before, but you should always be backing up your websites (and have backups of all your other important documents,...
Divi Blurb module + button on hover
The blurb module is one of the most popular of all 46 Divi modules and this little bit of customization will allow you to increase your click-through rates to the content you are highlighting by adding an animated button when the user hovers over your module.All that...
Do I need a child theme for Divi?
There still seems to be a lot of confusion in the Divi community about using a Divi Child Theme, I often see questions like What is a child theme? Do i need a child theme for Divi? How do i add a child theme? in the various online Divi communities, so here is a...
8 Divi websites with customized navigation
Looking for inspiration to customize your Divi header navigation? It has been a long running request within the Divi community and Divi Facebook groups for Elegant Themes to add more flexibility and options to the navigation and header. We currently have a few...
Add thumbnails to “your Saved Layouts” in Divi
Add Divi layout thumbnails with the Featured Image Admin Thumb plugin If you want to add a thumbnail for each of “your saved layouts” in the Divi builder, then you can by using the free Featured Image Admin Thumb plugin. All you need to do is install the...
Divi Theme Examples switch http to https
If it’s not broke, don’t fix it…unless Google asks you to. Converting Divi Theme Examples to run on https:// has been on my to-do list for quite a while now, but with a well ranked, high traffic site I was not willing to risk the possible loss of...
Control Divi slider with external links
Use text links or buttons to control Divi sliders It was recently asked in one of the Divi Facebook groups how to control content in a slider using external text links. I had been looking at a post from Fixit Press the other day that showed how to use external Divi...
How to fix the Divi Builder timeout error
Sometimes Divi will break and throw up errors. The Divi builder timeout warning might happen on your Divi site after you make theme or plugin updates or seemingly, whenever it likes. The good news is that to solve the problems, it is usually just a case of changing a...
Fix the Divi jumping header on Divi Theme Examples
How do I stop my Divi header jumping? Like many people using Divi, the header on my Divi site has been jumping on load for a while now. I did fix it when it 1st started which was a long, long time ago, but this Divi bug seems to have found it’s way back into my...
Divi scroll to section with mousewheel
Divi Scroll to next section This quick tutorial will show you how to set up a scroll to section effect using the Divi dot navigation and some Javascript code from Christian Behrends added into a code module in the Divi builder. SCROLL YOUR MOUSE ! STEP 1 – Use...
How to build a 1 page website with Divi + 12 examples
Building a 1 page website with Divi 1 page websites can be a great solution for a business that doesn’t have too much content to include on their website, for providing a better mobile user experience, gaining more control on how the user processes the content...
Divi Layouts scrolling screenshots tutorial
Recreate the Divi Layouts gallery scrolling screenshots The Divi Layouts page on Divi Theme Examples got a makeover recently and I have been asked a few times about how I created the scrolling screenshots that allow users to hover over the image and preview the full...
Edit the Divi footer credits text
When you set up a new Divi website your footer will have credits for Elegant Themes and WordPress added by default in the bottom footer bar. If you do not want to have “Designed by Elegant Themes | Powered by WordPress” text in the footer, it is very easy to...
The ultimate Divi resource guide
Learning Divi is easy with the ultimate Divi resource lists.(Updated April 2017) The Divi ecosphere has come a long way in the past couple of years and we now have a huge number of useful Divi resources from an ever expanding community of users and 3rd party...
Add Divi contact form to your sidebar
Need to add a Divi contact form module in your sidebar? It is pretty easy to do by adding the shortcode Divi creates into a text widget in your sidebar. Follow the video below to see how it works. I have tried this with a few other modules too and it seems to work ok....
Equalize column heights in Divi
When done correctly, equalizing column height will force all columns to assume the height of the tallest column in the row. All columns will have the same height, keeping their appearance uniform. Activating the equalize column heights in your row setting may however...
How to change the Divi Slider transitions
The Divi slider module allows you to add content sliders to your Divi website. The module allows you to add text, images, and videos to your slides that can be controlled via left & right navigation arrows or dot navigation. As with all Divi modules, there are...
Fancy Divi Icon Tabs
The Divi Tabs module is a great way to condense your content into manageable tabs of content, but the default tabs are a little bit plain. So, with the help of a little CSS code and some icon graphics you can have some Fancy Divi Icon Tabs just like in the image...
*affiliate link