[Resolved] Is there a way to set inner box background color for a section?

[sdanbu]

I’m using sections and I can make the background image for the section but is there a way to
set the color for the inner box background color?

Like I want to go from Settings panel into Content panel and type some html
<Set inner box background color >
Text
<close html so background color stays in the inner box of section only>

Thanks

[Leo]

Hi Scott,

You can try CSS like this and replace # with the actual section number:

#generate-section-# .generate-sections-inside-container {
    background-color: #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If you need more info can you provide a link to your site?

Thanks!

[sdanbu]

Just to clarify, how do you know what the section number is? And would I replace the whole text or just the # sign in the bold below?

#generate-section-# .generate-sections-inside-container {
background-color: #ffffff;
}

Maybe can I send the site private link?

[Leo]

It should just be ascending order starting from 1, so for the very top section:

#generate-section-1 .generate-sections-inside-container {
    background-color: #ffffff;
}

Let me know if this helps.

[sdanbu]

That worked thanks.

[Leo]

Glad I could help!

[Author]

Posts