How to create horizontal color blocks

Hey there kat123,

Hope you’re well today!

You can indeed set different background color for each of the sections when creating pages.

Once you add section using Builder template click on the “Configure section” button and scroll down to the bottom of the popup where you will find background color option, https://screencast.com/t/v7tv4eQAaG.

Repeat the process for each section.

Hope this helps ??

Cheers,
Bojan

Hi Bojan. Thanks for the reply. Hope you’re having a good day!

I added a column section. When I click on Configure Section, I can add a section title and adjust the number of columns, but there’s no scroll bar on the popup.

When I click on Configure Column, I can add a column title and an Image Link URL, but there’s no scroll bar on this popup either.

I see the background color on the Configure Slide popup, and the Gallery configuration.

So, if I want a section with columns, for example, text in one column and a photo in the other, how do I set the background color? What am I missing?

Thanks again.

Hi there,

You cannot currently set the background color of a Columns section in Make without adding some custom CSS. It’s a work-around for now.

If you’re able to do this, you’ll need to create the page, and then use a web-inspector like Firebug and find the section ID#.

Once you have that, you can add some CSS to your child theme to change the background, like:

#builder-section-1414496509914 {background-color: #FFF000;}

I hope that helps! Let me know if you have any other questions. ??

Hey again,

As an alternative since each section has it’s own unique id I could help you out add background color to each section with some custom CSS.

In order to do that I’ll need you to post link to your site so I can take a look and also please let me know which sections you want to add background color to ??

Best regards,
Bojan

Thanks Melissa and Bojan. I hope that’s on the Make developers list of things to do ??

I see what you mean Bojan. I can just search in the source code for the title and find the id from there. So, I tried this just for a test:

#builder-section-1423193986209 {
background-color: yellow;
}

and, it did turn that column section yellow. Now, I need to figure out how to remove the white stripe just below the header and after the last section, but I think I’ve seen threads about those things.

Thanks for your help!

Forgot to mark this resolved.

Hey again,

Glad I could help ?? If you get stuck with those white stripes please let me know, I’ll need that site link though ??

Best regards,
Bojan

Thanks for marking this resolved. It is indeed something we’re working on!

Please let us know (in another thread) if you get stuck on something else. ??