Elementor Knowledge hub logo
Priority support
Help Center Videos Adding Custom CSS in Elementor

Adding Custom CSS in Elementor

Add custom CSS in Elementor at the element, page, site, and global (dashboard) levels.

https://youtu.be/U6DmWhSVnVY

This tutorial explains how to add custom CSS in Elementor at the element, page, site, and global (dashboard) levels. Use these options to control how widely your styles are applied and to create reusable, maintainable styling across your site.

Explore more videos

Build with the Editor

Responsive Editing for Mobile and Tablets

Responsive Editing for Mobile and Tablets

Preview your Elementor page on different devices, apply device-specific styling, and manage breakpoints

Getting Started, Build with the Editor

Get Started with the Elementor Plugin

Get Started with the Elementor Plugin

Install the free Elementor Core plugin, and add Elementor Pro.

Getting Started, Build with the Editor

Elementor Top Bar Overview

Elementor Top Bar Overview

Explore the key tools available in the Elementor editor’s top bar and how to use them efficiently.

Widgets, Build with the Editor

How to Use the Button Widget

How to Use the Button Widget

Add, configure, and style a Button widget in Elementor.

Image, Generate with AI

Standardize Product Photos with Elementor AI

Standardize Product Photos with Elementor AI

Use Elementor AI’s Unify feature to give your store product images a consistent background and style.

Build with the Editor

Custom Link Attributes

Custom Link Attributes

Enhance Elementor links with custom attributes

Build with the Editor

CSS selectors in Elementor

CSS selectors in Elementor

How CSS selectors work and how to use them effectively in Elementor’s Custom CSS panel.

Widgets, Build with the Editor

How to Use the Text Editor Widget

How to Use the Text Editor Widget

Add, format, and style text content using the Text Editor widget.