Find your Wordpress Tutorials here
How to create a pop-up menu using Elementor and Elementor pro
After you created your menu, go to template > pop-ups > Add new. Choose pop-up and name your template, click create a template. Close the library and go to pop-up settings. In the settings tab, ...
How to Create an Animated Icon
I’m going to show how to create an animated icon from your site using Elementor. Step 1: Go to the Elementor builder. Step 2: Add a section and select the structure you want. Step 3: For my demo...
How to Use Gravity Forms
Purchase and Download Gravity Forms. Go to Plugins > Add New > Then, click Upload Plugin. Click Choose File, upload the Gravity form zipped file, and click Install Now. Click Activate plugin. Go...
How to use NitroPack
STEP 1: Create a Nitropack account on https://nitropack.io/pricing. Pick the FREE plan. STEP 2: Add website URL and website name on the pop-up dialog box. STEP 3: Go to the WordPress dashboard. Instal...
How To Add RSS Feed to WordPress
The acronym RSS stands for Really Simple Syndication or Rich Site Summary. It is a feed that takes the headlines, summaries, update notices, and then links back to articles on our favorite website’s...
Creating a WordPress table using Google Sheets
Google Spreadsheets is a top-rated web-based application that enables users to create, update and modify spreadsheets and share the data online. Using the WpDataTables plugin, we can input your data f...
How to Add Rounded Corners in Elementor
To style the corners of an element go to the style tab of the widget. Let’s try this on the image widget. As you can see, there is a border radius property on the image widget. ...
How To Copy Elementor Designs From One Domain To Another
This version for Mighty Addons, however, includes a cross-copy paste feature. You’ll be able to copy any portion, row, column, or all of the page content with the same styling as any other Eleme...
How to Make Fixed Parallax Backgrounds in Elementor
Fixed backgrounds, also known as parallax scrolling backgrounds, is a website trend that we can say as old as the Internet. Most websites have used it at least once. It’s so rooted deep within the w...
How to Use the Menu Anchor Widget
1. Search the Menu Anchor in the search box in Elementor. 2. Drag it into the area where you would l...
How to Reverse Columns on Elementor
Looking for ways to create reverse the column order of your containers? Check this quick and easy tutorial now to learn the magic in Elementor!
How to Grow Column on Hover in Elementor
Want Elementor Addons for your Website? Click here! Looking for the hover effect where the column, including the background and the contents, zoom-in, grows or scales up when you hover the mouse curso...
How to Set Equal Column Height on Elementor
Want those sections with equal columns of texts on one part and an image on the other? Check out this tutorial and learn how the magic of making them!
How to Color Gradient Texts in Elementor
Wanting to make those fancy color gradient that you see everywhere on your headings? Well, check this tutorial and start doing that like an Elementor boss!
How to integrate Google Map API using custom JS and Elementor Pro
To create image layers we need multiple images, first add a section Then add a column where we will place our images. In the
To add box shadow to every element in elementor go to style then border and you will see there the box shadow property. Let’s
To create your menu on Divi, just go to the appearance and menus. Then click the create a new menu. Add a name to your
Want to create a create Divi hover effects on your Divi Website? In this tutorial, I will teach you how to add hover effects on
Want to create a fancy animated background on your Divi Website? On this tutorial, we will be doing this: Return now to your keyboard so we
Image Coursels is a very important aspect of a WordPress website, especially in Divi. It makes the website look more complete and provides the ability
Divi Sliders is a very useful plugin for creating quality websites using the Divi Builder. In this tutorial, you should be able to create a
In this tutorial, we’ll do doing this type of hover effect: Step 1: First create a section where you will place the widget. Step 2:
Mega menus are one thing of giving ease to the user on navigating a very complex and large website, such as an e-commerce store with
It Icons can be a powerful way to create efficient designs and conserve the precious space of the web page. Even though they can be
Dynamic content are everywhere. It’s a web feature that can’t be avoided, especially if you’re dealing with an eCommerce or blog website. Like most other
Creating diagonal headers in Elementor is incredibly easy! No matter the reason of why you would want it, getting an Elementor diagonal header is also