Add custom CSS

You can add a custom CSS to an element, page or site. 

Add custom CSS to an element

1. Select an element by clicking it or selecting it from the Structure window.
   
2. In the panel, click the Advanced tab.
   
3. Scroll down and expand Custom CSS.
   
4. In the text box that opens, enter the CSS code.

Add custom CSS to a page

1. Go to the Page Settings panel.
   
2. Click the Advanced tab.
   
3. In the text box that opens, enter the CSS code.

Add custom CSS to the site

There are two ways to access site level custom CSS:

• From Site Settings
• From WP Admin

From Site Settings

1. Go to the Site Settings panel.
   
2. Select Custom CSS from the list.
   
3. In the text box that opens, enter the CSS code.

From WP Admin

1. From WP Admin, navigate to Elementor>Editor>Custom Elements.
   
2. In the left panel, click Code.
   

Related articles

• Custom CSS in Elementor
• How to add Custom CSS
• CSS selectors in Elementor
• CSS classes in Elementor