Adding CSS to components

[iamliving (Matt L)]

Is it possible to add CSS to Element components?

If so, how do I add a class to a component like test or typography?

[handshaper (Robin Mair)]

@iamliving

If so, how do I add a class to a component like test or typography?

There is an Advanced settings section in the inspector where you can enter classes.

This is also visible in the inline text editor when you have some text selected. I use this all the time to handle superscripts for some text.

[rud (rud comb)]

as a beginner i don’t understand, an example would help, where is the css and how is it accessed?

[ben]

Our advice is to use Tailwind in all cases — Elements is built upon Tailwind and allows you to enter any of the utility classes it provides. In 99.9% of cases you will be able to use tailwind for any custom styling you need.

In the case where you absolutely need to write custom CSS, then you can add classes using the Advanced→CSS Classes input found on all built-in components.

You can add your custom classes in a couple of different places:

1. Globally via the Project Template
2. Per page via the Page Extra Code

[rud (rud comb)]

Ben
thank you, now i understand better