Custom css does not work in Wix Studio Editor

[user5381]

Hello everybody. This is my first time using Wix Studio and this is my first post on the forum.

I’m designing a website with the Wix Studio editor and I’m testing the custom css to add some css classes that I need later on.

Right now I’m trying to change the background colour of a container (section) and the colour of a text (h1) using classes I created myself. But for some reason the CSS doesn’t work and I don’t understand what I’m doing wrong.

I’ve tried different combinations:

• css classes
• use the element identifier
• use the > to call the parent and the children
• combine the Wix Studio classes with my own personal css classes.

But I don’t understand why it doesn’t work.

I leave you a screenshot to see if you can tell me what I’m doing wrong or if I have to do things differently.

To finish this post, I am working on the global.css file.

I hope you can help me.

Thank you.

[onemoretime]

Hi, @user5381 !!

It’s a bit tricky, but this is how it needs to be done when changing the text color.

.my-custom-text .rich-text__text {
    color: blue;
}

[user5381]

Thank you very much it works. I have a question, is it possible to do the same with containers or sections? I am trying to do the same but it doesn’t seem to work.

[onemoretime]

Yes, I think that possibility is quite likely.