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 | Jan 9, 2023 | Divi Tutorials |
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... 
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 18, 2022 | 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 | 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 3, 2022 | Divi Resources, Divi Tutorials |
“Can you make my Divi logo bigger?” is one of those things a web designer never wants to hear from their client, but in case you actually do need to make your logo larger than its default 93×43 pixels size, then making that and other customizations... 
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... 
by Craig Longmuir | Nov 10, 2021 | Divi Tutorials |
Divi is a responsive WordPress theme that will automatically adjust your site layout depending on the screen it’s viewed on. So, if you have a multi-column layout, Divi will automatically stack one column on top of the other to fit smaller screen sizes as... 
by Craig Longmuir | Oct 30, 2021 | Divi Resources, Divi Tutorials |
Divi has added various conditional logic options to your website so that you can display content based on whether a specified condition has been met or not. What this means in simple terms is that “If this happens, then do this”. For example, you could... 
by Craig Longmuir | Oct 18, 2021 | Divi Tutorials |
One of the ways to protect your site from content theft is by adding a copyright notice on the footer, but you need to make sure that it’s up-to-date and shows the current year. For some of us who own multiple websites, remembering to update the Divi footer... 
by Craig Longmuir | Oct 12, 2021 | Divi Theme Builder, Divi Tutorials |
Do you have a WooCommerce website and want to know how you can use the Divi Builder to create a Divi Product Category Page template? If yes, then you are at the right place. Here we have a step-by-step guide to help you out and will also show you how to add product... 
by Craig Longmuir | Oct 3, 2021 | Divi Tutorials |
The Divi dot navigation is a built-in feature designed to improve the overall UI and UX of your website by adding clickable dot navigation links to your page that link to corresponding sections on your page. It’s essentially a floating link bar with integrated... 