Here's a highlight to shout out! 🎉

Sign in

Join Our Community

The Lytbox Blog

Elementor Tuts

Everything we've published in Elementor Tuts — guides, insights, & creative content.

January 14, 2026

Animated Border CSS Effect

A simple CSS snippet to add animated borders to pricing cards on your website.

January 6, 2026

Changing Headers On Scroll With Elementor (2026 SEO Safe Version)

Change your header on scroll in Elementor without duplicate headers. A clean, SEO-safe approach.

December 17, 2025

Reveal a Sticky Header on Scroll with Elementor (No Duplicate Headers)

Learn a simple and fun effect where with header slides down when scrolling your webpage for a 'revealing' effect.

August 26, 2025

How to Build Bento Grids in Elementor: A Step-by-Step Guide for Modern Layouts

Tired of boring icon grids? Learn how to design stylish Bento layouts in Elementor using containers, column spans, and 3D icons

June 25, 2025

How to Use Elementor Cloud Templates

Elementor Cloud Templates lets you save reusable design components across sites, creating a lightweight design system for web designers and Elementor beginners.

April 1, 2025

How to Create Fluid Containers for Elementor With Clamp

Learn how to create fluid containers for Elementor using CSS clamp for responsive padding.

January 28, 2025

Background Image Reveal on Hover Effect in Elementor

Want to create an engaging Cursor Flashlight effect for your website?

January 1, 2025

Create Animated Glowing Rainbow Buttons In Elementor

Glowing, swirling effects to your Elementor buttons can be cool and creative.

July 15, 2024

Faded Section Effect with Elementor

In this tutorial, you’ll learn how to easily apply this fading effect to any section or container inside or Elementor.

May 20, 2024

Skeuomorphism Effect for Elementor Buttons and Cards

A creative Elementor tutorial to make your buttons and cards stand out better by using Skeuomorphism.

March 26, 2024

How to Create an Elementor Blueprint Website

Learn how to create a blueprint website with Elementor & WordPress. A pre-configured, ready-to-clone site that accelerates your web-building process!

December 13, 2023

Create A Design System With Elementor Global Styles

In this article we will discuss the process of creating your own design systems using Elementor Global Style Setting

November 24, 2023

Card Hover Effect: Glowing Cursor With Elementor

In this tutorial we are going to learn how to create a really cool hover effects with Elementor, CSS and JS

November 17, 2023

Clickable Containers in Elementor

Easy steps to create a clickable container using Elementor Flexbox

November 15, 2023

WooCommerce Product Filters using Elementor

Learn how to create Woocommerce product filters using Elementor without any extra plugins or code.

October 30, 2023

Advanced Grid Layouts Using Elementor Grid Containers (Free Templates Included)

Learn how to create complex grid containers using span with Elementor

October 29, 2023

Elementor Grid Containers – How To Get Started?

Everything you need to know in order to get started with Elementor grid Containers

October 2, 2023

How to change the menu background color on scroll with Elementor

In this article, we will discuss how to change the menu background when we scroll down using Elementor's sticky effects. Step 1: Create a sticky header using Elementor Pro. If you don't have a header already created, you can go to Templates > Theme Builder from the WordPress dashboard. Click on Add New, and select…

October 2, 2023

How To Change Logos On Scroll With Elementor

In this article, we will discuss creating a header where the logo changes when scrolled down, and then changes back to the original on scrolling back to the top.

September 7, 2023

How to add Category and Tag Filters using Elementor’s Taxonomy Widget

In this article, we will discuss how to add Category and Tag filters using Elementor's Taxonomy widget.

September 5, 2023

How to Hide the Elementor Apps Page

In this article, we will discuss two ways of hiding the Apps option in Elementor settings.

September 1, 2023

How to SEO Optimize Your Elementor Headers & Menus

When we optimize our headers and menus for SEO, we can get really good results with our site links on search engines. Proper site links appearing on search helps users easily navigate to the important pages of the website.

August 25, 2023

How to Set Up SMTP on WordPress with Cloudways

Setting up the Simple Mail Transfer Protocol (SMTP) is very important for a setting up email notifications for users/customers from our WordPress website

August 23, 2023

How to Create Better Mobile Menus With Elementor Popups

Learn how to make better mobile menus using Elementor Popups

August 21, 2023

How to Set Up Auto Responding Emails with Elementor

Do you want to send Autoresponds to users when they sign up for a newsletter, or fill up a form on your website? Well, you can do so by using the default elementor form widget, without the need for any additional plugins.

August 16, 2023

Auto-Close Anchor Links in Elementor Popup Menu

In this tutorial, you’ll learn how to make anchor links work in Elementor mobile menus built with pop-ups. This works with Elementor’s default WordPress Menu widget, Icon List widget, and the Button widget and only requires Elementor Pro. No additional plugins needed.

June 6, 2023

PX to REM the Easy Way for Elementor

Learn an easy hack to get started with going from PX to REM in Elementor

April 14, 2023

Customize Elementor’s Editor UI & Change All Colors (no plugins needed)

Elementor 3.12 rolled out its new UI design flashing that signature Elementor Pink! And then the storm of comments thundered in! Here’s the thing with a color palette - Colors are subjective, and the responses to the new UI update were very diverse. Some loved it. Some thought meh, and then others were clearly not…

January 5, 2023

Slide Out Mobile Menus for Elementor Without a Plugin

Alternative option of creating our own slide-out menus using custom HTML and CSS.

October 12, 2022

Display Conditional Content with Elementor for Logged In & Out Users

What is Conditional Content for Logged In and Logged Out Users? Conditional content is a way to display and hide content on your website based on a specific rule. In this tutorial’s case, we are displaying and hiding content based on if a user is logged in or logged out of the WordPress website. How…

August 10, 2022

How to Make Elementor Search Results Pages With Only Posts and WooCommerce Products

By default, WordPress has no options on what is shown in the search results. Here is how to show only Posts & Products in a WordPress & Elementor search results page.

July 25, 2022

How to Change Headers On Scroll with Elementor Sticky Headers

This tutorial will show you how to change or switch headers when scrolling using Elementor's Sticky function.

May 18, 2022

Hide Header on Scroll Down, Show On Scroll Up With Elementor Sticky Headers

In this tutorial, we will create a sticky header with Elementor that hides when scrolling down and reappears when scrolling back up.

May 12, 2022

How To Create A Shrinking Sticky Header On Scroll With Elementor

In this tutorial you will learn how to create a shrinking header, shrinking logo, shrinking menu & shrinking button on scroll with Elementor sticky headers.

April 14, 2022

Adding CSS In Elementor Websites the Right Way

In this article we will look at the different options and learn the best practices for adding CSS to Elementor and WordPress websites.

April 12, 2022

How To Create Gradient Titles & Text In Elementor Without Addons

Learn how to create gradient titles and text in Elementor without having to add another add-on or plugin in this super easy tutorial.

July 10, 2021

How To Rename Elementor Hello Theme

This tutorial shows how to change the name and customize Elementor's Hello Theme so you can rename it with your own brand.

October 31, 2020

Create a Thank You Page Redirect with Elementor Forms

In this article, learn how to easily redirect your website viewers to a Thank You page after they submit a form using Elementor and WordPress.

May 13, 2020

Shrinking Logo On Scroll With Elementor Sticky Headers

Elementor has been a powerful page builder for WordPress that continues to grow and evolve. The one main reason I fell in love with Elementor is the possibilities of what can be created without having to code or use intensive development work. And one of those possibilities I want to show you today is what…