This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Background Colours for Each Row

Open 4 replies pluginplugin-page-builder
Huw Rowlands
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi

I was wondering if it was possible to have a custom background colour for each row/column ? From trying out your great plugin it doesn’t seem possible. Is this something that can be coded/added in?

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 6 months ago

    Hi Huw

    At the moment this is unfortunately a theme level setting in Page Builder. It’s available in our Vantage theme but no-where else at the moment.

    Sorry I don’t have more.

  2. Greg Priday Staff 11 years, 6 months ago

    If your theme doesn’t support Page Builder’s visual style feature, you can still change row background colours with some custom CSS. Unfortunately, this isn’t something we can directly help with but perhaps the following CSS would point you in the right direction.

    #pg-701-0 {
   background: #FF00FF;
}

    In this case, 701 is the page ID and 0 is the row number (starting with 0). This guide should help you figure out the IDs for each row https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.

    If you do get stuck, you should be able to get a developer off codable to help you with writing all the CSS.

    https://codeable.io/

  3. Huw Rowlands 11 years, 6 months ago

    Thanks for the replies.

    What I was hoping to achieve was, for example, a full width page, that can contain several ‘sections’ of text and images, each section would be width: 100%; with a background colour. Then the content would be controlled by the plugin with a max-width: 960px;. If this was implemented into the plugin it would be perfect!

    I understand you have this in the Vantage theme from your reply above. Is this something I could easily code into my theme??

  4. Andrew Misplon Staff 11 years, 6 months ago

    Hi Huw

    Vantage doesn’t have a true 100% width content capability but it’s Wide Grey style does allow the background color on a row to stretch 100%.

    Greg’s instructions above should help you declare a background color for a row using CSS. Constraining the content and allowing the background color to be 100% width would depend on the design of your theme.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread