by Craig | Apr 24, 2023 | Divi Resources, Divi Tutorials |
Hover effects allow you to add animation to elements of your page when a user hovers the mouse over them and Divi has a built-in hover effects feature. Some of the most common hover effects in Divi include changing the design styles, adding borders & drop-shadows,...
by Craig Longmuir | Apr 5, 2023 | Divi Resources, Divi Tutorials |
Breaking a webpage into clear sections improves readability, enhances user experience, increases visual appeal, and helps with SEO, making it a crucial part of your Divi website. Divi section dividers allow you to add pre-designed shapes and patterns to the top and...
by Craig Longmuir | Mar 22, 2023 | Divi Tutorials |
Do you want to make your Divi website load faster? The answer is always yes. A fast website is will enhance your user experience, and boost your ranking in search engines, which will help you get more visitors and conversions. A slow website can lead to high drop-off...
by Craig Longmuir | Mar 22, 2023 | Divi Tutorials |
The Divi Contact Form module is a powerful tool that makes creating customized forms for your website easy. When a user successfully submits a form, they will see a success message displayed on the screen. By default, this message has plain text that says...
by Craig Longmuir | Mar 13, 2023 | Divi Tutorials |
Anchor links are used to quickly jump from one part of a webpage to another. Divi anchor links can be used to create a one-page website with anchor links added to a menu or allow users to quickly move to a specific section of information on a long page. The anchor...
by Craig Longmuir | Mar 12, 2023 | Divi Resources, Divi Tutorials |
Welcome to the world of ChatGPT and how it can help you with your Divi website. ChatGPT is an artificial intelligence (AI) tool that is designed to generate human-like text content based on a given prompt. This blog post provides a guide on using ChatGPT to create...
by Craig Longmuir | Mar 8, 2023 | Divi Tutorials |
The Divi header is simply the top area of your website that includes your logo and navigation along with any additional elements you may add such as a search box, social media icons, contact details, or shopping cart. There are 2 options for adding a header to your...
by Craig Longmuir | Feb 28, 2023 | Divi Resources, Divi Tutorials |
The Divi logo is added to every page of your website by default inside the header and can be customized to change the size, appearance, and location. Add a new logo via the WordPress dashboard > Divi > Theme Options > General > General tab > Logo...
by Craig Longmuir | Jan 19, 2023 | Divi Code Snippets, Divi Tutorials, Divi video tutorials |
The Divi accordion module displays content in a collapsed vertical list. When an item in the accordion is opened, the previously opened item is closed. By default, the first Divi accordion item is open. If you would like to make your divi accordion module closed by...
by Craig Longmuir | Dec 19, 2022 | Divi Tutorials |
a favicon (short for favorite icon) or Site Icon is a small icon image that is most commonly displayed with your website title in browser tabs. To add a favicon to Divi you will need to use the Theme Customizer to upload your favicon image. The primary use of a...
by Craig Longmuir | Dec 12, 2022 | Divi Resources, Divi Tutorials |
If you have 50 blog posts on your website, rather than displaying all 50 on a single blog page you will want to split them up into smaller sets. By default in Divi, users can navigate from the first set of posts to the next set of posts via a text link saying Older...
by Craig Longmuir | Dec 8, 2022 | Divi Tutorials |
Having a transparent header in Divi is a popular design trend that allows your hero section to have a greater impact when the user first visits your site. The navigation menu text is still visible but the menu bar is transparent and sits on top of your page content as...
by Craig Longmuir | Dec 6, 2022 | Divi Tutorials, Divi video tutorials |
Adding a scrolling mage to your Divi website is a great way for designers to display a tall image without taking up a large amount of screen real estate. The most common way is to restrict the height of the image window and add a scrolling option that is controlled by...
by Craig Longmuir | Oct 25, 2022 | Divi Tutorials |
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 the “Designed by Elegant Themes | Powered by WordPress” credits text in the footer there are a...
by Craig Longmuir | Oct 11, 2022 | Divi Resources, Divi Tutorials |
If you lost your website tomorrow, would it be a big deal? yes? You need to back up your Divi website today. Many things can go wrong with your Divi website and you need to have a backup implemented for when they do. Your site could get hacked, or infected with...
by Craig | Oct 11, 2022 | Divi Code Snippets, Divi Tutorials |
Do you want to create a vertical menu on your Divi website? There is no default option to create a vertical menu in Divi but we can use custom CSS code to make the Divi Menu module display its menu items vertically. This would be useful if you want to manage your menu...
by Craig Longmuir | Oct 5, 2022 | Divi Tutorials |
Do you want to choose the correct image sizes for Divi and make sure those images are fully optimized? Ensuring your Divi images are created at the correct size, compressed efficiently, and have the necessary data when uploading will help give your website a faster...
by Craig Longmuir | Oct 5, 2022 | Divi Tutorials |
Divi allows you to add social media icons with links to your social media profiles in the header and footer areas. These social icon links are activated in the Divi Theme Options dashboard. By default, Divi only comes with 3 social media icons to choose from which are...
by Craig Longmuir | Oct 4, 2022 | Divi Tutorials |
Your text and 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 adjusted...
by Craig Longmuir | Oct 2, 2022 | Divi Tutorials |
Divi comes with a header and footer that will be displayed by default on every page of your website. The header and footer can be hidden together or individually on any or all pages as required. You can remove the Divi header and footer on a specific page by manually...
by Craig Longmuir | Oct 1, 2022 | Divi Tutorials |
If you want to add a Google map to Divi you can either use the Divi Map module or embed it directly from Google. The Divi Map module requires you to enter a Google Maps API key and for you to give Google your credit card details before it will work. Even then your...
by Craig Longmuir | Sep 30, 2022 | Divi Code Snippets, Divi Tutorials |
Divi comes with a built-in mega menu that has 4 columns by default. If you want to make your mega menu have extra columns you can add some custom CSS to Divi to achieve this. This post will show you how to add custom CSS to change the 4 columns Divi mega menu into a...
by Craig | Sep 28, 2022 | Divi Code Snippets, Divi Tutorials |
Do you want to add a custom scrollbar for Divi? Customizing the appearance of the browser scrollbar can help your website stand out and highlight your brand colors. In this post, we will show you how you can add a custom-colored scrollbar in Divi by adding a few lines...
by Craig Longmuir | Sep 13, 2022 | Divi Tutorials, Divi video tutorials |
You can equalize the column heights within a Divi row by activating the feature in the row settings. This will force all columns to take on the same height as that of the tallest column in the row. The feature will equalize the column heights, not the modules within...
by Craig Longmuir | Aug 23, 2022 | 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 | Mar 3, 2022 | Divi Resources, Divi Tutorials |
The Divi back-to-top button allows your reader to jump up to the top of your page without having to manually scroll back to the top using the mouse. Adding a back-to-top button to Divi is an excellent way to improve your site’s UI and UX and is especially useful...
by Craig Longmuir | Nov 12, 2021 | Divi Plugin blog posts, Divi Tutorials |
Divi is well known for using shortcodes and the mess they can cause, but that’s a discussion for another day. As a Divi website owner, there are a couple of ways you may want to make good use of shortcodes in your website. The 2 main ways you would want to use...