Custom CSS (Pro)

This article explains how to add custom CSS to WordPress with Elementor. With Elementor Pro, you can add custom CSS to every section, column or widget. If you want to get even more control over the CSS styling of the page, you can use the custom CSS feature to add CSS to every element in the page.

Add Custom CSS to Elements

1. Click on the edit button of the element to get the left column settings panel.

2. Go to Advanced > Custom CSS

3. Add your CSS code to the clean code editor.

4. To give the element a red background color, I insert the following code: 

selector {background-color:red;} 

The column will instantly receive the red background color.

selector .elementor-heading-title {text-align:center;}