How to set up and style the Custom CSS extension in Elementor.
Custom CSS gives every widget, container, section and column a code box for CSS that applies to that one element. Write the word selector in place of the element and the rules only reach that element. The CSS becomes part of the stylesheet of the page, and the editor shows the result while you type.
Part of: Bright Addons Pro.
These options are in the Advanced tab of the element.
| Option | What it does |
|---|---|
| Custom CSS | The CSS code box for this element. Write selector wherever the element itself is meant. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
It stands for the element you are editing. When the page stylesheet is built, the word is replaced with the unique CSS selector of that element.
Custom CSS is only saved for people WordPress trusts with unfiltered HTML, which means administrators and editors. For other users it stays exactly as it was before.
No. @import rules are removed, along with any markup and script style values.
No. The code box takes typed CSS only.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide