Free Elementor tutorials

wordpress astra elementor tutorial

I have seen time and time again questions relating to this on the various Facebook groups. Thought that I would put this tutorial together to help the DIY WordPress beginners…

Elementor Pro Portfolio Filter Bar Label

Currently the Elementor Pro Portfolio Widget does not have a label option for the Filter Bar. This tutorial shows you how to create one. It also show how to add…

elementor-tabs-as-tabs-mobile

There are times when one wants to have the Elementor Tabs widget to keep displaying as tabs on mobile instead of switching to an accordion. This tutorial will show you…

Elementor GeneratePress

This video shows you how to incorporate the native GeneratePress Primary and Secondary navigation menus into content created with Elementor and to place those menus using Elementor Pro and the…

Elementor GeneratePress AnyWhere Elementor

Apologies for the length of this video, but there was a lot of ground to cover. Using the amazing recently released and updated AnyWhere Elementor plugin from Anand at WTS…

Elementor

This video is a further clarification of the Columns within Columns tutorial. Hopefully this will help those who have had some difficulty understanding how this works.

Elementor

In addition to showing you how to insert an image from the WordPress Media Library into an Elementor Text widget, it more importantly shows you how to insert content created…

Elementor

Hopefully, this video will help clarify the concept of Sections and Columns within the Elementor page builder plugin. There has been a lot of talk about this subject on the…

Elementor

UPDATE: Wednesday 12 July 2017 When Elementor updated to 1.5, the code presented on this page would cause a “jumping” effect when scrolling. However, user @cgdannie on the WordPress Elementor…

Elementor

This video shows you how to overlay content created with Elementor onto an Elementor Image Carousel. Elementor Pro is used in the video but the same process can be accomplished…

Elementor

With just a small block of CSS, you can greatly enhance the visibility of the Elementor column width percentage. Paste this CSS into your favourite CSS editor. Mine is Simple…

Elementor

Version 1.4 of Elementor introduced the Elementor Canvas blank page template as well as the Maintenance Mode options. This video shows how to use both to set up a Coming…

Elementor

In response to inquiries on the Elementor Facebook Group regarding the subject, I have put together a short video to demonstrate how the screenshots posted to the group were created. Along…

Elementor

UPDATE: 19 June 2018 A couple of comments have indicated that certain style changes were not taking effect. This generally happens because the selector is not specific enough. Without going…

Central Color Palette

UPDATE: 05 January 2019 – Central Color Palette version 1.13 now includes support for Gutenberg. UPDATE: 19 March 2018 – Central Color Palette version 1.12 now includes support for the Beaver…

Elementor Pro

This tutorial shows you how to add text next to the “hamburger” menu and how to style it. Adjust the CSS values to suit. .elementor-menu-toggle:before { position: relative; content: “Menu”;…

Elementor

Using shortcodes to display Elementor created content in the Tabs title as well as the Tabs description area opens up some interesting design possibilities.  One should note that the same…

Elementor

UPDATE: Thanks to Chris and David from the Elementor FB group for this! All you have to do is set up the Page Rules in Cloudflare. The free accounts give…