- All
- Premium
- Animations
- Navigation
- Backgrounds
- Galleries & Images
- Icons
- More Awesome Designs
- NavigationWithExample
- Performance
- Reviews
- subscribers
- Other
- Woo
- Addons
- Beginners
Easy Elementor Dark Mode with Droit Dark Mode
In this review, we are going to have a look at Droit Dark Mode, to add dark mode to our Elementor websites. Droit Dark Mode is currently on sale at
Elementor Hotspot Click Opens Corresponding Accordion
Here is how to create a Elementor hotspot that on click will open the appropriate corresponding accordion. Also works the other way about: clicking the Elementor accordion title will trigger
Elementor Slick Block Reveal Animations
A block reveal animation can be very slick and impress visitors (and clients!). I prepared three demo pages that you can see here. All three pages are from Elementor Pro
Block Reveal Animation Creator
Already bought? Login here. Purchase to have complete access to the block reveal animation creator tool & tutorial. Checkout You will be able to create block reveal animations of this
Get Your Elementor Sites a 90+ Mobile Google PageSpeed Insights Score
Get your Elementor website loading faster with this very practical tutorial! This is essentially the same strategy I used to get this website (element.how) over 90 on Google PageSpeed Insights.
Elementor Flexbox Container Observations & Walkthrough
The new Elementor flex container is out, and in the dev version. I tested it out, and you can too by installing this plugin: https://wordpress.org/plugins/elementor-beta/ (DON’T install this on a
Elementor Full Screen Navigation Templates Tutorial
Purchase these templates to gain access to this tutorial. Already bought? Login here.
Fix The Elementor Kit 'Something Went Wrong' problem!
The new Elementor Kits are great. However in some cases, they just can’t be imported successfully on your website, and trying to import an Elementor Kit will always return this
Elementor Fancy Social Media Hover Design
A great little design to add a bit of class to your website. I teamed up with Imran for that one! I took care of the coding, he took care
Setting Up WP Rocket for Greatest Elementor Speed
Having WP Rocket is pretty easy. Setting it up properly for optimal results is a little bit more complex. In this tutorial, I will share with you the optimal settings
Elementor Vertical & Smooth Image Carousel
Zoë Tame asked me to help out with this. She shared with me that website, from where she wanted a similar image carousel. I was able to replicate this by
Why WP Rocket is Now The Greatest Optimization Plugin By Far
We all know the need for a optimization plugin. Mostly if we are using Elementor, which most of my readers do. In this post, I’m going to tell you why
Why Elementor Pro Popups Are Terrible For SEO
In this video, I explain why (and when) Elementor Pro Popups should be avoided. Resources presented in the video: Google search console Elementor navigation popup documentation Elementor navigation popup
Elementor Full Screen Split Navigation Made Easy!
A pretty full screen navigation goes a long way to wow your visitors, and let them know you have good taste. This tutorial will show you how to easily create
Elementor: Greatly Improve the Entrance Animations
Let’s be straight talking here, the default Elementor animations kind of suc…h as they are. I’m certain you often found yourself wondering ‘do they really have to come ALL that
Zion Builder Review - 8 Pros & 5 Cons
Zion is a new contender for the fastest page builder available for WordPress. It’s quickly becoming a proper alternative to other tools like Elementor or Oxygen. It’s not quite as
Super Easy Elementor Text Carousel
In this article we will learn how to create a simple text carousel using CSS only. We will integrate the CSS with Elementor heading elements, to create our Elementor text
Create an Elementor Preloader - No Plugins Needed
How to add a preloader to any Elementor pages! No plug-in required!
How to Import CodePens to Elementor - 3 Examples
In this article we will learn how to import CodePens into Elementor. This is a frequent query in the Elementor facebook groups, and something that can require quite a bit
Easy Underline Overlay Effect on Text in Elementor
Today, We will show you how to create an Underline Overlay Effect on your text in Elementor. This something many people are looking for, I now want to give you
Custom Elementor Cart & Checkout : First look at ShopEngine
Here is a first look at ShopEngine, a new WooCommerce customization Addon for Elementor. It’s from the ElementsKit team, so should atleast be decent (after they iron out the bugs).
Easy Elementor Pro Gallery 'View More Images' Design!
In this article we will learn how to add a ‘view X more’ image to an Elementor Pro gallery element. By default it will only show a predetermined amount of
Elementor Tab, Toggle or Accordion Remote Control
In this article we will learn how to open a specific toggle, tab and accordion by a button or link click on the same page. To learn how to achieve
How to Open an Elementor Popup from a Link URL or Menu Item
Learn how to find out that direct URL to your popup, and then be able to use it from within a text block, or from a navigation item. To start
Super Simple Elementor Content Switcher
In this article we will learn how to implement a Content Switcher in Elementor very easily. The content switcher toggles between two different elements (or inner sections) for displaying each
Simple Elementor Media Carousel With Text Captions !
How to add elementor media carousel text captions using CSS only! No plugins needed! First, add Captions to every ‘Slides’ in the Elementor Media Carousel Place various inner sections in
Elementor Export Form Data to Google Sheet Easily
In this article you will learn how to easily submit form data from Elementor to Google sheets directly without any plugin or external service. As in this short video example:
Simple Custom Elementor Column Order on Mobile
In this article you will learn how to easily switch column positions vertically in an Elementor section in a mobile responsive view. We will be adding this setting to your
Elementor Vertical Carousel Made Easy!
Learn how to make an Elementor Vertical Slider easily. No extra plugins are needed for this, just some code copy pasting! First, create a section with a single column for
Awesome Elementor Sticky Text Within Column Design
A member in the Facebook group asked me if this was possible. Yes it is! It does require Elementor Pro though. Get the template here. (right-click > download as) To
How To Successfully Import Adobe Illustrator SVGs Icons In Elementor
Let’s learn how to properly create a SVG file in Adobe Illustrator so that it can easily be used in Elementor, and work with the color and sizing options there.
Elementor Slider Random Slides Order Easily!
Let’s learn how to easily randomize the order of the slides in the Elementor Slider element! Let’s also make this work if you have more than one Elementor slider element
Super Easy Elementor Image Carousel Random Order!
Let’s learn how you can randomize the order of the images in the Elementor image carousel element. We will also learn how to achieve this, even if you have multiple
Easy Elementor Hover Section Animation!
Let’s learn how to animate the whole content of an Elementor section, upon hovering any part of it! Follow along as I find out the right CSS, and learn how
Elementor Hover Icon Box Changes Whole Styling!
Let’s learn how to change the entire styling of an Elementor icon box, upon hovering any part of it! Follow along as I find out the right CSS, and learn
Elementor Vertical & Horizontal Tabs Using Templates
Let’s learn how to use templates as content for your Elementor tabs element! We will be using essential addons for elementor for this. We will also learn how to make
Elementor Mega Menu Using CSS Only! No Plugins Needed!
Let’s learn how to make an Elementor Mega Menu using only CSS, and 0 extra plugins! It even works with Elementor Free. Mega menu plugins add bulk to the web
Easy Elementor Horizontal Scrolling Page Layout!
Get a nice looking horizontal page layout for the desktop version. Back to normal for tablets and mobiles. To begin with, download and import the template Entering $0 gets it
Elementor Change Section Background Image on Column Hover!
Let’s learn how to change the background image of an Elementor section upon hovering any of the columns within! To begin with, download and import the template you want Entering
Simple & Easy Elementor Offset Border Design
Let’s learn how to add this awesome offset border to any Elementor column! To begin with, copy this code under Advanced > Custom CSS for your column. This will require
Elementor Open Specific Tab, Toggle or Accordion on Link Click
Let’s learn how to open specific tabs, accordions or toggles based on the link that was clicked! Test the demo on this page by adding ?heythere and ?bonjour at the end
Simple Elementor Animated Border For Any Element!
Let’s learn how to add this awesome border animation to any Elementor element! To begin with, copy this code under Advanced > Custom CSS for your target element. This will
Awesome Elementor Justified Image Gallery Carousel
Learn how to create an Elementor justified gallery slider. Simply follow the simple steps below! See the demos here. Method 1. The Simple Version (with same width for all images)
Make An Awesome Moving Background For Your Tabs Titles
Let’s learn how to create this awesome design! See the demo here! To begin with, add an HTML element and copy the code Insert the HTML element anywhere in the
How To Make Your Elementor Website Super Fast: Complete Tutorial
With Elementor, it is somewhat more challenging to have a really quick website. Elementor by itself is not the lightest of plugins, then add some fonts, icons and addons, and
Awesome Zoom For Your JetWooBuilder Product Listings
In this article, we will learn how to add a great zoom on the products listings from JetWooBuilder. That’s what we will implement: You might be wondering what is JetWooBuilder
How To Make A JetSmartFilters Toggle Easily
In this article, we will learn how to make the JetSmartFilters a toggle easily. Watch this video example of what the functionality will become. First though, what is JetSmartFilters? Picture
Easily Add CSS, Javascript And PHP Code Snippets To Elementor Pages
In WordPress and Elementor tutorials, it is not uncommon for you to be asked to add custom code snippets, frequently directly in your theme’s functions.php file. But how do you
Easy Elementor Scrolling Text Boxes, Columns, Sections & Elements
Learn how to easily add a vertical scroll bar to any Elementor element, column or section.
Simple Elementor Video Background Sound Button
In this article we will be learning about how create a play and mute button for self hosted video in Elementor. Note that this method will only work for self
6 Greatest Elementor Appointment Booking Plugins in 2021
Looking for an efficient appointment or booking plugin for your clients to book appointments and reservations? Well, here are some Elementor appointment plugins you might want to consider. These plugins
Elementor Align Buttons To Bottom Easily
Learn how to easily align Elementor buttons to the bottom of their column! Very useful to know for pricing and comparaisons design!
Super Easy Elementor Vertical Divider
In this article we will learn about how to add a vertical divider in Elementor. This will help you to add much more visual appeal to your website. Follow the
How to Create a Slideshow Presentation with Elementor
This is how you can easily create a kind of slideshow presentation using Elementor.
Easy Elementor Back To Top Arrow Button
The back to top arrow button is a simple but very effective tool which helps in the navigation of a website . It reduces the burden of scrolling up or
Easy Elementor Dark Mode Google Maps
Here is how to easily change that mostly white google maps, to a ‘dark mode’ version. For some designs, this fits way better!
Elementor Accordion, Toggle and Tabs Element Awesome Column Background Image Switcher
How to easily change the background of another column upon selecting an accordion, toggle or tabs item! No plugins needed!
Easily Fix Elementor Full Width Not Working
A few factors can cause an issue with creating a full-width page on Elementor, this can range from the theme settings to the page layout
How To Make a Full Width Image On Elementor
A Full-Width image means the image spans from right to left and takes the full 100% of the screen’s width. There are numerous ways to create an elementor full-width image.
Easy Elementor FAQ Schema Integration!
Schema markup is code that you put on your website or blog to help search engines show more informative results for users; this form of SEO optimization is very powerful.
Elementor Image Carousel Links - Custom Link for Each Image
How to easily add a different link to every image in the new Elementor Pro gallery element! These Elementor gallery links are not yet available directly from that element’s settings.
Elementor Read More Button - No Extra Plug-Ins Needed!
How to transform the the toggle element into a ‘read more’ button. It will work for every toggle element on the page that has the class name ‘readmoretoggle’ added.
Elementor Center Forms Easily & Quickly
How to easily center Elementor forms , forms fields, their labels and placeholders!
Elementor Lightbox Caption: Easily Display Captions in the Lightbox
How to easily add captions to the default Elementor Lightbox, when using the Elementor Pro gallery element.
![[Pro] Elementor Gallery Links - Unique Link for Each Image](https://cdn.element.how/wp-content/uploads/2019/11/gallerylinks_featured.jpg "[Pro] Elementor Gallery Links - Unique Link for Each Image")
[Pro] Elementor Gallery Links - Unique Link for Each Image
How to easily add a different link to every image in the new Elementor Pro gallery element! These Elementor gallery links are not yet available directly from that element’s settings.
Fix Elementor Pro Popups Won't Close on Mobile
Fix Elementor Pro Popups Won’t Close on Mobile If you have problems with an Elementor Pro popup now closing on mobile and tablets, this is because of this old (yet
Create a Netflix-Like Elementor Horizontal Scroll Section
This is how you can easily create a smooth slider that doesn’t automatically skips to the upcoming item. Similar to Netflix.
Amazing Elementor Show Hide Section Button
This is how you can very easily create an Elementor section that is not visible by default, but that will show or hide itself on button or icon click.
Awesome Hexagonal Icon Boxes & Portfolio
Create hexagonal icon boxes , or portfolio element in elementor ! Free template download! No extra plug-ins required! Elementor Free Compatible. (for icon boxes) This is the heading Click edit
Display Header Anywhere On The Page On Icon Click
How to create a header that is not visible when scrolling down, but that can be shown at any location in the page by clicking on the hamburger icon.
Easy Elementor Centered Logo Header!
This is how you can easily create a header navigation menu with a centered logo in the middle of the menu items.
WooCommerce: Create a 'Add To Cart' Button That Only Shows After Scrolling Down
How to create an add to cart button that will only show up after the user has moved down the page to a certain point. For WooCommerce.
Elementor & IE : Fix Internet Explorer Issues With This Easy Method
How to easily redirect only the Internet Explorer users to a page to prompts them to use a modern browser. Gently explain to your users why IE is outdated.
Elementor Remove Section on Button Click
Here is how to create a ‘closable’ section! Useful for top of the page small sticky sections that offers a discount, or informs the viewers, and other similar desgins.
Elementor: Create a Section That Shows Up Only on Button Click
Here is how to make a section show up only when you click or hover a button or icon.
Easily Create a Responsive Elementor Mega Menu for FREE
That’s right, using only the default tab element that comes with Elementor Free! Here is how to easily create a mega menu without any additional plug in.
Elementor Hide Header on Scroll Down - Show on Scroll Up
[View Demo] Easily make your Elementor sticky header hidden on scroll down, and show while scrolling back up the page.
Elementor Shrink Header & Logo on Scroll - Simple Method
Make the main logo smaller after moving down the page
Simple Elementor Transparent Header Changing Background Color
Create a transparent hero header menu that changes its background color upon scrolling down the page
Elementor Sticky Header Changes Logo Size and Position
Make the main logo become part of sticky header upon scrolling down!
Create a Wonderful Elementor Full Screen Menu Easily
Create a totally awesome intro animation to your full screen menu!
Great Design - Change Background Image on Hover in Elementor
Create an amazing hero section with different background images that changes on mouse hover.
10 Elementor Addons Compared! Find Which Have Oustanding Value!
The most popular Elementor add ons compared! What is unique about each of them, their cost and the value they provide.
Animated Icons! Change the Elementor Hamburger Menu Icon
Give some life to that boring icon! Get an awesome animated hamburger menu icon!
Awesome Looking Elementor Image In Text Design
Awesome looking Hero Image with the section background coming through the text of the other column!
Elementor Cart & Checkout Pages for WooCommerce: Easy CSS modifications
Change the look of your Cart and Checkout Page for HELLO Theme!
Elementor Background Image - Use Icons and SVGs as Background
Learn how to easily find, modify and set an icon as a section background!
Elementor Change Header on Scroll - With Smooth Animation
Here is how to create a completely new menu that will only show after the user has scrolled to to a certain point!
Get an Elementor Pro Popup To Show on Hover !
Easily create an attention-catching hover pop-up for any element! Show any Elementor Pro popup on hover!
Elementor Close PopUp on Click for Menu & Same Page Links
Using same page links and a Pop-Menu? Here is how to get it to close after a link is clicked!
Create a Lazy-Loaded Elementor Google Maps Pop-Up Button
Avoid the slow down from the Maps Element. Super lightweight way to add Google Maps to your page! The map ONLY loads when and if the users clicks the button!
Create Elementor Tabs With Horizontal Scroll For Mobile Users
Facebook apps uses this, Uber Eats, why not you? Give mobile user a great UX by having a lot of content displayed in a discrete manner! No more clutter!
Easily Remove Elementor Horizontal Scroll on Mobile Devices
Simple way to fix Elementor horizontal scroll. Mobile & desktop solution. How to find the problem element easily, and how to solve the horizontal scrolling.
Change CSS of Elements by Using the Inspect Tool
One of the most frequent request by people using Elementor is how to change the look of certain specific elements. And the most frequent answer is CSS.
The problem is that most people don’t know how to properly use the Inspect function to target the right element, and modify the CSS. Here is how.
Create an Elementor Parallax Section for Any Element - Mobile Ready
How to give a section containing an image carousel a parallax effect.
Sticky Elementor Logo Changes Color On Different Backgrounds
How to make this kind of dynamic logo depending on what kind of background it is over.
Change Elementor's Default Menu Icon
Change Elementor’s Default Menu Icon No extra plug-ins required! Elementor Pro Required. Many people are wondering how to import their own icon to use as menu, or how to use
Create an Elementor Sticky Column Only Within a Section
How to create a sticky element but only from and up to a certain point… This method requires CSS only.
Create a Section Showcasing Products Features
Display attractively your features! Works with the free version, and no extra plug ins are required!
Create a Vertical Icon Sticky Menu with Elementor
Create a Vertical Icons Sticky Menu with Elementor and some custom code. CSS only! Elementor free compatible. While you can get a similar menu with a plug-in, it doesn’t offer