CSS styling using element ID

I want to select an individual text element using the # and element id as we do in CSS. But I’m unable to use it in Wix.
Product:
Wix Editor, Wix Studio Editor

What are you trying to achieve:
By using the text class the style is applied to the entire site. I need a way to apply to only the 1 text element

CSS in Studio uses classes to target elements. If you want to target a specific element, you should combine a custom class with the semantic class that Wix provides.

For example, targeting a specific text element would look something like:

.my-custom-class .rich-text__text {
    color: hotpink;
}

And then apply the custom class to the element in the CSS Classes panel

And you’ll end with something like this:

2 Likes