Here's a highlight to shout out! 🎉

Sign in

Join Our Community

The Lytbox Blog

Tutorials & Content

Web design tutorials, 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.

The Lytbox Newsletter

December 22, 2025

Changing Logos On Scroll In Elementor Headers

Here's a simple tutorial and cool header effect in Elementor to change your logos on scroll.

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.

The Lytbox Newsletter

October 30, 2025

AI Is Changing WordPress: Here’s How It’s Getting Integrated

AI is transforming the way we build and manage WordPress websites.

The Lytbox Newsletter

September 30, 2025

Why I’ve Been So Quiet

I pressed pause on everything to finish the one thing that mattered most: Figma Mastery. Here’s what I learned about focus, productivity, and staying on track.

The Lytbox Newsletter

September 4, 2025

Fluid Gaps With Clamp for Elementor

Create responsive fluid gaps in Elementor with clamp. No more manual tablet or mobile adjustments, your spacing scales smoothly on every device.

The Lytbox Newsletter

August 28, 2025

Charge With Confidence: How to Price Your Web Design Projects Right

Not all clients need the same support. Learn how to price your web design projects with clarity and confidence so you can serve better and grow faster.

The Lytbox Newsletter

August 27, 2025

Staying Creative in the AI Era

AI is a powerful tool, but it can’t replace creative thinking. Here’s how web designers can use AI to boost productivity without losing their edge.

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

The Lytbox Newsletter

July 9, 2025

Will AI Replace Web Designers? Not Exactly.

AI won’t replace web designers, but designers who use AI will pull ahead. Here are 5 ways to use AI to speed up your workflow and grow your income.

The Lytbox Newsletter

July 7, 2025

Workflows, AI, and Automations in Web Design

Web design is changing fast. This post breaks down how AI, automation, and streamlined workflows can help you stay ahead and deliver more value to your clients.

The Lytbox Newsletter

July 4, 2025

Award-Winning Design vs Practical Websites: What Actually Works?

Award-winning sites look stunning, but do they perform? This post compares high-concept design with practical web builds to help you choose the right path.

The Lytbox Newsletter

July 4, 2025

Elementor’s Class-Based Styling Will Change Everything

Elementor’s new class-based styling system is here to speed up your builds and clean up your code. Here’s how to create your own scalable design framework.

The Lytbox Newsletter

July 2, 2025

Streamlining the Web Design Process

Discover how to streamline your web design process, reduce project timelines, and boost efficiency while still delivering top-tier results to your clients.

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.

June 24, 2025

How to Build a Variable-Based Design System in Figma

Learn how to build a clean, scalable Figma design system using variables. Perfect for web designers and Figma beginners.

Web Design Tuts

April 23, 2025

Create a Social Proof Widget with Avatars Using HTML & CSS

Learn how to create a clean, modern social proof widget with avatars and star ratings using only HTML and CSS.

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.

The Lytbox Newsletter

March 20, 2025

How to Style Blog Content in Elementor with This Free CSS Template

Struggling to style blog content in Elementor? This free CSS snippet gives you full control over text, images, block quotes, and more.

Bricks Builder Tuts

January 28, 2025

Background Image Reveal on Hover Effect For Bricks Builder

In this tutorial, you'll learn how to create a 'flashlight' effect in Bricks, using CSS and JavaScript. This effect reveals the background image as the cursor moves over the section, creating a smooth and engaging hover interaction. A big thanks to Bricksforge for inspiring this tutorial! I made this effect for Elementor but found Bricks…

January 28, 2025

Background Image Reveal on Hover Effect in Elementor

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

January 16, 2025

How To Insert Images Into Text In WordPress with CSS

Want to take boring text to the next level? In this tutorial, I’ll show you how to insert images directly into your text using CSS. This is a simple and creative way to make your designs stand out. Let’s dive in!

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.

Creative Business

June 30, 2024

All New Lytbox Circle Community Updates for Mid-2024

I’ve learned a lot from having an active Circle community since 2022. What works, and what can be improved to make our community so much better!

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!

Web Design Tuts

December 20, 2023

Complete Guide To Website Accessibility

Learn the best practices to create a website that is accessible for all kinds of audience

December 15, 2023

Install WordPress For Free With Local By Flywheel

In this article we will discuss how to install WordPress locally using Local by Flywheel

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

Bricks Builder Tuts

December 7, 2023

Card Hover Effect: Glowing Cursor With Bricks Builder

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

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 24, 2023

Optimize Fonts & Improve Your Site Speed

Learn how to optimize your fonts to minimize their size and improve performance for Elementor and Bricks websites

Creative Business

November 22, 2023

Using ChatGPT to Research & Improve Website Copy

Learn how you can improve your website copy and research other websites using ChatGPT (Free)

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.

November 10, 2023

7 Easy SEO Tips for WordPress

Prepare your WordPress website for ranking high and brining in more organic traffic using our SEO tips for WordPress.

Web Design Tuts

November 7, 2023

What are the 10 best AI tools Web Designers should know in 2024

AI is the next stage in Tech revolution. Here are 10 best AI tools for Web Designers in 2024

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 17, 2023

How to Prevent Spam Comments Using Fluent Comments

Learn how to prevent spam comments while making the comments design look better using Fluent Comments

October 4, 2023

Bitforms Form Builder: A Powerful & Easy-To-Use WordPress Form Builder

In this article, we will discuss how Bitform offers all the basic and very advanced features a form can offer, along with ease of usage.

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 12, 2023

How to protect yourself from dirty IPs (IP Reputations)

In this article we will learn how to prevent our websites from having an IP address with bad reputation

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…

Creative Business

January 22, 2023

Should I Start Using ChatGPT for My Blog

What, do you mean I can create 10 blog posts a day in less than an hour? But...would you want to be on that newsletter list?

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.

Creative Business

June 4, 2022

How to Improve Collaborating and Communicating with Clients

Here are 7 tips to help learn to improve how to communicate and collaborate with clients for Web Designers & Developers.

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.

Creative Business

May 9, 2022

5 Tips For Web Designers To Have Productive Client Meetings

The first client meetings can be uncomfortable, awkward, and even scary for us creative introverts. Here are 5 tips to help run successful client meetings.

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.

Web Design Tuts

April 6, 2022

How to Change Highlighted Text Colors On Elementor & WordPress Websites

Learn to easily change the selected highlighted text color on your WordPress and Elementor websites.

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…