CSS Targeting Text Classes not Working

[noahlovell]

I’m no CSS expert, but I’ll do my best to answer based on my knowledge.

In Wix Studio, CSS can be applied in 2 ways - semantic classes which are available on each element. For example, buttons have:

.button
.button__label
.button__icon

Or custom classes.

---

Currently, I don’t believe it’s possible to apply CSS based on other attributes (such as h1-h6) - I’d be happy to be proven wrong

The way I would likely approach this in Studio is by creating custom classes for h1-h6 and also targeting the semantic .rich-text__text class.

Such as:

.h1 .rich-text__text {
    color: blue;
}

.h2 .rich-text__text {
    color: red;
}

.h3 .rich-text__text {
    color: green;
}

Then select your elements add add the custom class you want to add