This will show you how to activate the “Maintenance” mode & create a coming soon page in Elementor. I will also give you two different downloadable templates to import into your website. Before I dive in, let’s see the two “Coming Soon” pages below. How to activate the “Coming Soon” mode in Elementor? On your WordPress admin dashboard, navigate to “Elementor – Tools – Maintenance Mode” And make the following changes: Option Value Choose Mode Coming Soon Who Can Access Custom Roles Administrator Choose Template Select a template And save your changes. However, if you do not already have an […]
Read More →
You can create a transparent header in the free version of Elementor in a different way than this post. However, in this post, I will show you how to make an Elementor transparent header in the premium version. Also, I will give you downloadable headers (JSON files) so you can import them to your website and make necessary edits. The final two products will look like the following screenshots. Let’s get started. After you create a custom header in your “Theme Builder” follow the steps below. How to create Elementor transparent header? In your WordPress admin dashboard, navigate to “Templates […]
Read More →
In Divi, to align the button to the bottom of the column, go to the “Row Settings” as you see below. Now go to each column’s settings, and the click on “Advanced” tab & then “Custom CSS.” And write the following two lines of CSS to the “Main Element” of each column. As mentioned, you have to do this for all your columns. In my example, I have 3 columns and did the same for all 3 columns. Only with the above two lines of CSS, the columns look like the screenshot below. Anyways, you are done with the column […]
Read More →
By default columns in the Divi theme, starts from the top. In this post, I will show you how to align columns vertically centered & also how to align them from the bottom. How to align columns vertically center in Divi? To align columns vertically center in Divi, go to the “Row Settings” as you see in the screenshot below. Now click on the “Advanced” tab. Click on “Custom CSS” as you see below. Now write the following two lines of CSS in the “Main Element.” This will make all the columns vertically centered in the same row. With these […]
Read More →
If you’re getting too many spam messages from your Divi website, then it’s time to add a Google Recaptcha to your contact forms. Divi contact form module has a built-in math equation as a captcha. But this simple math equation does not enough to stop spammers. So you need a third-party service to protect your site from spammers. And I think the Google Recaptcha is a great one. Using a contact form plugin such as WP Forms, Gravity Forms, and Contact Form 7 will not solve your purpose. Because you have to manually configure any of those plugins to stop […]
Read More →
Divi uses flexbox, so it’s very easy to equalize columns. To create equal-height columns in the Divi theme, click “Row Settings” as shown in the screenshot below. Next, click on the “Design” tab as you see below. Then click on the “Sizing” option as shown in the below screenshot. Finally, enable the “Equalize Column Heights” as shown below. After you turned on, your columns will be equal in height. In my example, it looks like the following screenshot. That’s it! And don’t forget to save the changes. If you like video instructions, watch the video below: A few Divi-related posts […]
Read More →
In this post, I will show you two things: How to enable caching & How to clear the cache in the Divi theme/website. How to enable caching in Divi? To enable caching feature in Divi, login to your WordPress admin dashboard and follow the steps below: Navigate to “Divi – Theme Options” Next, click on the “Builder” tab as you see in the screenshot below: Next, click on the “Advanced” tab (underneath) as you see in the screenshot below. Next, enable the “Static CSS File Generation” as you see below. And save your changes. That’s it for enabling the cache […]
Read More →
You have three main elements in the footer of your Divi theme. These are widgetized areas, footer credits, and social icons/links as you see in the picture below: Together we will go through each of the elements and see how you can edit the footer precisely. How to edit Divi footer? As mentioned above, the default footer in Divi has three main elements. Let’s see how you can edit & customize them accordingly. Edit the widget area in the Divi In the above screenshot, you see an area that has a red border. It’s the widgetized area in Divi. It […]
Read More →
The video below shows you how to add a favicon to your Divi website. You will find step-by-step instructions and screenshots underneath it. How to add a favicon to Divi? To add a favicon to your Divi theme/website, navigate to “Divi – Theme Customizer” And then click on “General Settings” as you see in the screenshot below: Next, click on “Site Identity” as you see in the screenshot below: Finally, click on the “Select site icon” to upload your favicon. You will find this option under the “SITE ICON” as you see in the screenshot below: That’s it! However, don’t […]
Read More →
To make the Divi accordion all closed, add the following JavaScript to your theme. Navigate to “Divi – Theme Options – Integration” and paste the following code in “Add code to the < head > of your blog.” After you save the changes and refresh the page, you will see that the accordions are closed. If you like video instructions and code explanations, please see the video at the bottom of this post. See also: How to close Elementor accordion by default? How to close a specific accordion in Divi? The above code will close all the accordions on your […]
Read More →