How to create horizontal color blocks

  • Resolved kat123

    (@kat123)


    9 years, 2 months ago

    Hi – like http://www.chrislema.com, how can I create a different color in different horizontal blocks?

    Can I assign a different background color in a column building block? One that is different from other sections of the page?

    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    9 years, 2 months ago

    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, http://screencast.com/t/v7tv4eQAaG.

    Repeat the process for each section.

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter kat123

    (@kat123)

    9 years, 2 months ago

    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.

    Melissa

    (@emdashing)

    9 years, 2 months ago

    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. 🙂

    Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    9 years, 2 months ago

    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

    Thread Starter kat123

    (@kat123)

    9 years, 2 months ago

    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!

    Thread Starter kat123

    (@kat123)

    9 years, 2 months ago

    Forgot to mark this resolved.

    Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    9 years, 2 months ago

    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

    Melissa

    (@emdashing)

    9 years, 2 months ago

    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. 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to create horizontal color blocks’ is closed to new replies.