Divi Tips & Tricks
Welcome to my Divi Tips & Tricks blog! Here, you will find a collection of valuable insights, tips, and tricks to help you make the most out of the Divi theme. Whether you’re a beginner looking to get started or an experienced user seeking advanced techniques, my blog covers a wide range of topics to enhance your Divi and WordPress skills.
Explore my posts to learn how to create stunning layouts, optimize your website for performance, and utilize the powerful features of the Divi theme to build professional and responsive websites. I regularly update this blog with new content, so be sure to check back often for the latest tips and tricks.
Feel free to browse through the posts and don’t hesitate to leave a comment or get in touch if you have any questions or need further assistance.
Change List Items Bullets to Square Bullets or Check Lists
Simple Steps to Change List Item Bullets to Square Bullets or Check List or Any Icon of Your Choice Would you like to change your list items from regular bullets to some another icon and color of your choice? We can achive this by adding a few lines of CSS and...
Center Align Text on Mobile View when using DIVI
Your text is left aligned on the desktop and you want it centered only on the mobile? In this DIVI tip we will learn how to center the text on mobile using CSS.
Center the Submit Button on the DIVI Contact Form
In this tip we will learn how to center the submit button on the DIVI contact form. By default the submit button is right aligned on the DIVI contact form.
Open Custom Links in a New Window/Tab – WordPress
In today’s tip we will see how to Open Custom Links/External Links in a new window. You can use this tip to even open pages/posts in your menu in a new tab.
Keep the DIVI Menu Same Size Without Shrinking on Scroll
In this tip we will learn how to keep the DIVI Menu same size without shrinking on scroll. We will adjust the menu height and text size in the settings.
Open Social Icons in a New Window/Tab – DIVI
In this tip we will learn how to open the DIVI social icons in a new window/tab. By default the social icons will open the social media on the same page.
Add Background Image to the DIVI Secondary Menu/Top Header
In this tutorial, we will add a background image to the Secondary Menu, also know as the the top header in the DIVI theme using a little CSS.
Center the DIVI Footer Menu and Bottom Bar Contents
This tutorial will help you to center align both the Footer Menu and the contents of the DIVI Bottom Bar in your DIVI theme.
Add Background Image to the DIVI Primary Menu/Main Header
In this tutorial, we will add a background image to the Primary Menu, also know as the the main header in the DIVI theme using a little CSS.
Remove/Hide Back to Top Button on Mobile – DIVI Theme
In this tutorial we will learn how to remove or hide the Back To Top Button on mobile devices, with a few lines of CSS in your DIVI theme.
Change Color of Back to Top Button in DIVI
Styling the Back to Top button can be done with a few lines of CSS. Let’s change the color for the Back to Top button in DIVI. The theme allows you to enable a back to top button, a option that is available in the DIVI Theme Options
Add Background Image to the DIVI Footer/Bottom bar
We will see how to add a background image to the DIVI footer bar or bottom bar using CSS. This can help you in branding your website.
Hide DIVI Top Header/Secondary Menu on Scroll
The secondary menu / top header stays fixed on the scroll in DIVI. In this tutorial we will use CSS to hide the top header on scroll. This tip will apply only to desktop devices, as by default, the secondary menu will not be fixed on mobiles.
Remove Social Icons from Bottom Bar/Footer on Mobile in DIVI
Removing the social icons from the DIVI footer/Bottom bar on mobile can be done with a few lines of CSS. Let’s learn how to do that in this tutorial.
How to Remove the Bottom Bar/Footer from DIVI
Lets remove the bottom bar /footer bar from DIVI using CSS. By default the DIVI theme enables the bottom bar but there is no option to hide it.