Individual background color for widgets on front page

Hi,

I was too quick. This: https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/

Did only work on parallax-8. I cannot get it to work on any other widget. If I don’t put any number after parallax it automatic chooses -8.

What to do, to get individual background colors for each widget on the front page?

Is it impossible to change background color with extra css?

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

section.bg-secondary {
    background-color: #d122d1;
}

div.top-parallax-section {
    background-color: #2e59c7;
}

section.bg-secondary.pb0 {
    background-color: #757575;
}

section.cfa-section.bg-secondary {
    background-color: #3bbd7e;
}

Best Regards,
Support