Custom CSS (Pro)

Custom CSS (Pro)

With Elementor Pro, you can add custom CSS to every Section, Column or Widget

Add Custom CSS to Elements

  1. Right-click on the edit button of the element and click Edit section to open the section’s settings panel.

    Note: If editing a Widget, right-clicking will show the option to Edit Widget, and editing a Column will show Edit Column.

  2. Go to Advanced > Custom CSS
  3. Add your CSS code for the element to the editor.
Add your CSS code

Please note: When targeting your specific element, add `selector` before the tags and classes you want to exclusively target, i.e: selector a { color: red;}

Please also note that some custom CSS code may interfere or conflict with Elementor and cause issues such as being unable to use Elementor to edit fonts, or other styling options. If you find yourself having some of these issues, copy your custom CSS code to a safe place, temporarily remove your custom CSS code from the page, and check to see if that code was causing the problem. 

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email

Did this answer your question?

255 people find it useful

Yes

No

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before