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.

[Alessa]

Hello Logan:

Thanks for your help, I did as you advised, however the background color does not change:

section.page {
	background-color: $sp-homepage-bg;
}
section.page, main.body {
    padding-top: 0px !important;
}
  section.element1{
     background-color: blue;
}
  

I hope you can help me, thank you very much

[Logan Poynter · Accepted solution]

Remove section, you should only need to use .element as in my previous reply. Please also confirm your widget properties the value in css class is just element1 - no other characters or spaces.

[Alessa]

It´s worked, thank you very much!

Do I have to do the same for the rest of the icons where I want them to have background color?