by Craig | Mar 2, 2021 | Divi Tutorials |
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,...
by Craig | Feb 23, 2021 | Divi Resources, Divi Tutorials |
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...
by Craig Longmuir | Jun 30, 2020 | Divi Tutorials |
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...
by Craig Longmuir | May 28, 2020 | Divi Tutorials |
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...
by Craig Longmuir | May 13, 2020 | Divi Tutorials |
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...
by Craig Longmuir | Apr 22, 2020 | Divi Tutorials |
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...
by Craig Longmuir | Apr 15, 2020 | Divi Tutorials |
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 you can make sure your content is aligned for any content height and is automatically...
by Craig Longmuir | Apr 9, 2020 | Divi Tutorials |
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,...
by Craig Longmuir | Nov 17, 2019 | Divi Tutorials |
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...
by Craig Longmuir | Oct 29, 2019 | Divi Theme Builder, Divi Tutorials |
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...
by Craig Longmuir | Jul 29, 2019 | Divi theme documentation, Divi Tutorials |
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...
by Craig Longmuir | Jul 28, 2019 | Divi Tutorials |
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...
by Craig Longmuir | Jul 25, 2019 | Divi Tutorials |
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...
by Craig Longmuir | Jul 24, 2019 | Divi Tutorials |
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...
by Craig Longmuir | Jul 2, 2019 | Divi Tutorials |
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...
by Craig Longmuir | May 27, 2019 | Divi Tutorials |
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...
by Craig Longmuir | Feb 16, 2019 | Divi Code Snippets, Divi Tutorials, Divi video tutorials |
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...
by Craig Longmuir | Dec 18, 2018 | Divi Tutorials |
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...
by Craig Longmuir | Sep 15, 2018 | Divi Tutorials |
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...
by Craig Longmuir | Aug 24, 2018 | Divi Plugin blog posts, Divi Resources, Divi Tutorials |
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,...
by Craig Longmuir | Aug 16, 2018 | Divi Code Snippets, Divi Tutorials |
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...
by Craig Longmuir | Jul 29, 2018 | Divi Child Themes, Divi Tutorials |
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...
by Craig Longmuir | Apr 30, 2018 | Divi Tutorials
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...
by Craig Longmuir | Feb 18, 2018 | Divi Layouts, Divi Tutorials, Divi video tutorials |
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...
by Craig Longmuir | Nov 1, 2017 | Divi News, Divi Tutorials |
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 ranking that may...
by Craig Longmuir | Oct 17, 2017 | Divi Code Snippets, Divi Tutorials |
Use text links or buttons to control Divi sliders By default, the slides in the Divi slider module can be controlled using the left and right navigation arrows or the circle buttons/slide indicators at the bottom of the slider. These can be toggled on or off in the...
by Craig Longmuir | Oct 3, 2017 | Divi Tutorials |
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...