The Elementor page builder is a great page builder for building WordPress websites. It offers a plethora of extra functions to be used by developers. Often, you’ll come across the $query parameter. This parameter is intended to define media queries and can be helpful with functions like add_rules. In this post, I’m going to show you how it works and how you can use it.

This article is a sequel to my earlier article about using the Elementor add_rules function.

Elementor is a great page builder, but integrating it in your theme can sometimes come with a few hurdles. One of those is checking whether the editor is active – or if the page is being edited. Depending on that, you might want to load or not load certain stylesheets or scripts. Or perhaps you’ve an other use case. Anyway, checking this is really easy.

To check this, Elementor has a handy function built in,

When developing WordPress themes that use the Elementor page builder, you’ll sometimes want to add additional CSS to the stylesheet of a page. Elementor provides an extremely large amount of functions and hooks, but examples are scarce. In this article, I’ll give an example of adding CSS to an Elementor stylesheet.

How do CSS stylesheets work in Elementor

For this tutorial, I created a very simple page in Elementor. This page only contains a title.

The Elementor page builder is the world’s best WordPress page builder and is used by millions of people. Integrating Elementor in your WordPress theme is easy and free, and doing so brings your theme millions of potential customers.

This tutorials explains how to integrate Elementor with your WordPress theme in a few simple steps. I’m going to go over some basic concepts and techniques that are important when using Elementor in your theme.