by LearnHowWP | Oct 20, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to open the social links on a new tab in the Divi theme. This article is specifically about the social icons in default header and footer of the Divi theme. The code below will only open a new tab when you click on the links or...
by LearnHowWP | Oct 15, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to add a call to action button to the Divi Menu. The codes below will work for both the default Divi theme menu and the menu module. 1. Add Custom CSS Class to the Menu Item The first step is to add a custom CSS class to the...
by LearnHowWP | Oct 10, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to remove the white space below the footer in the Divi theme. This issue happens when there is not enough content on the page. The less content there is on the page the more white space you will see after the footer. Here is a...
by LearnHowWP | Oct 5, 2020 | Blog, Divi Tutorial
In this article I will share the code and steps to replicate the 3 hover effects from the Divi Blog article written in 2017 but for the menu module. The original article from the Divi Blog is 3 Beautiful CSS Hover Effects You Can Add to Your Divi Menus. However it...
by LearnHowWP | Sep 26, 2020 | Blog, Divi Tutorial
In this tutorial we will create an image carousel in the Divi theme using a free plugin. The plugin we will use is Image Carousel Module For Divi. It is available for download from the WordPress.org plugin repository. The first step is to install the plugin on your...
by LearnHowWP | Sep 15, 2020 | Blog, Divi Tutorial
In this article I will share the steps to add a background overlay or gradient overlay to background images that have parallax effect enabled in Divi. Adding an overlay to a Background image is really easy in Divi. All you have to do is set a Background Color and then...
by LearnHowWP | Aug 30, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to change the text in the WooCommerce Cart icon in the Divi theme header. The default text for the cart is ‘Item’ or ‘Items’. By the end of this article we will change the text to Course for single item...
by LearnHowWP | Aug 15, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to add and embed a Google Map on your website without using an API. The Divi theme comes with a Map Module by default. However it requires you to get a Google Maps API key. On top of that the API will not work unless you add a...
by LearnHowWP | Jul 30, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to create an email button in the Divi theme. When you click the button it will open the default email program on the computer with predefined content filled in. If an email program is not setup then the user will see a popup to...
by LearnHowWP | Jul 15, 2020 | Blog, Divi Tutorial
In this tutorial I will share the steps to change the Icon in the Toggle or Accordion module with another icon. The Toggle and Accordion module have the option to change the icon size and icon color. But there is no option to change the icon right now. However we can...
