CSS Class Help - Portal

[Alessa]

Hello dear community, I need help:

I'm trying to figure out what things I can do in the service portal I'm building, I want to know if I can change the background color of what is selected in the picture below.

When I press the pencil button to edit I get the options shown in the image.
I have tried to figure out how to correctly place CSS Class, but so far without success, how do I have to place the CSS Class? could someone provide me with an example?

I hope you can help me. Thanks in advance.

[Logan Poynter]

Hello Alessa,

That field is where you define what CSS class you want to use for the specific element, not actually defining your CSS styling. For example, say you wanted that to be element1, you would input element1 in the field. Then you would go into your page CSS and use .element1 to select that element and apply your styles there.

Please mark my answer as correct/helpful if it has helped you.

Thanks,
Logan

[Alessa]

Hello, thank you very much for your reply:

Then I understand that in that field I don't really define the CSS style.
It is just not clear to me from which page I have to get the CSS style to be able to insert it in that field.
By any chance, is there an example that I can see, to know how I can use that field?

Thank you very much

[Alessa]

I would like to achieve something like this (with background color)

But in this (in this alternative there is no option to set background color):

[Logan Poynter]

Hello,

You would add your CSS by clicking on the Page settings at the top:

To be presented with Page-Specific CSS

This is where you would put the following code:

.element1{
     background-color: blue; /*or whatever color you want*/
}

Please mark my answer as correct/helpful if it has helped you.

Thanks,
Logan