Site logo

Archived topic

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

5 replies · Started by sdanbu on April 18, 2017

Viewing posts 1–6 of 6

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

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!

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?

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.

That worked thanks.

Glad I could help!

This archived topic is closed to new replies.