Change the Divi Blog “Read More” text + make it a button
The Divi Blog module allows you to list all of your blog posts anywhere on your website. In the modules element settings, there is an option to enable a “Read More” text link that can be clicked to take users to the full blog post. Two of the most popular...
How to use the Divi user role editor
Even though Divi is very user-friendly and easy to use, we can’t deny that it comes with a learning curve. And so, if an untrained client gets their hands on your Divi website, they can break the entire design. The Divi User Role Editor allows you to limit what...
How to use anchor links in your Divi website
Do you want to make your Divi website more user-friendly and easy to navigate? Are you looking for a way to allow users to jump between the various sections on your pages and posts? If yes, then you have come to the right place. Today we will explore how to use anchor...
How to add a Divi coming soon page
You can add a Divi coming soon page If your upcoming website is not yet ready for users to view. Viewers will only be able to access the coming soon page and any other pages will remain hidden. If they try to access any other page they will be redirected to the coming...
Create gradient text (or anything) in Divi
Divi allows you to add gradient colors to the background of any element so there is a gradual transition from one color to another. Gradients can not be applied to the content within a module. So, you can add gradient colors to the background of a Divi Text module,...
Floating images with looping Divi animations
Divi comes with a built-in Animations tab that allows you to apply a range of animations to any section, row, column, or module. By combining a single line of CSS together with the built-in Divi animation options we can create some subtle looping animation effects for...
How to hide the Divi header and/or footer
Divi comes with a header and footer that will be displayed by default throughout your website. The header and/or footer can be hidden together or individually on any or all pages as required. You can hide the Divi header and footer on specific page by manually...
How to build a global custom footer for Divi
Your website footer is the section at the very bottom of your pages and it is there to provide your users with links to keep them browsing your site and to provide key information they may have missed elsewhere on your site. There are two options for creating your...
How to add a favicon to Divi
a favicon (short for favorite icon) or Site Icon is a small image that is most commonly displayed with your website title in browser tabs. A favicon usually contains the site logo and it is there to help users quickly identify your website visually without needing to...
How to align your Divi Blog module grid
The Divi Blog module design settings allow you to choose to have your blog posts display as either a grid layout or as a full-width layout. You may find that you need to align your Divi blog post listings manually when using the grid layout due to differences in post...
How to vertically align text & images in Divi
Your text and/or image content in Divi will often look much better when it is vertically aligned. There is no built-in option to vertically align content in Divi. By using CSS with Divi you can make sure your content is aligned for any content height and is...
How to add extra social media icons to Divi
Divi allows you to add social media icons with links to your profiles in the header and footer areas. These social icon links are activated in the Divi Theme options. By default, Divi only comes with four social media icons to choose from which are Facebook, Twitter,...
How to choose the right Divi image size and optimize for your site
Optimizing your website images to ensure they are created at the correct size, compressed efficiently and have the necessary data when uploading will help give your website an easy boost in traffic and keep your visitors happy. Images that are optimized for your Divi...
Create a sitewide template for Divi blog posts
Elegant Themes recently released Divi 4.0, which includes a Theme Builder that lets you create templates for any of your pages or post types. After creating a custom header & footer for your website, the next thing you will most likely want to create with the new...
How to update Divi
Why do you need to update Divi version? Divi is regularly updated to new versions from the team at Elegant Themes and those updates will include bug fixes, new & improved features, and security updates. You can view every update that is made to Divi in the Divi...
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...
Verified 3rd party Divi extensions, child themes & layouts. *Affiliate link