Home>Support>siteorigin rows with background colors alignment is off

siteorigin rows with background colors alignment is off

When I add a background color to a row the color of the row looks like it’s about 10px off to the left and goes over the right side of the table about 10px. It doesn’t seem to align with the grid on my website.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 months, 14 days ago Andrew Misplon Hi, I Work Here

    Hi Username

    Do you have a public URL where we can take a look at what’s going on?

  2. 4 months, 11 days ago username


  3. 4 months, 11 days ago Andrew Misplon Hi, I Work Here

    Thanks, the issue relates to the way the theme is styled. Are you the author of the theme?

    If I remove the following declarations from the following rules, the problem is resolved:

    #content .inner {
        /* padding-left: 30px; */
    .inner {
        /* padding: 0 20px; */
    .gridrow {
        /* margin-left: -2.03252%; */
        /* margin-right: -2.03252%; */

    The above isn’t intended to be taken as instructions, rather a quick look at a few styles which might be part of the problem.

    You can also try going to SettingsPage BuilderLayoutFull Width Container and change that setting from body to #content and see if that helps.

  4. 4 months, 11 days ago username

    I didn’t create the theme but I can edit it. Where would I find that declaration to edit it? Style.css?

  5. 4 months, 11 days ago Andrew Misplon Hi, I Work Here

    Thanks for the update. I wish I could assist with this task, it’s unfortunately beyond the free support scope we’re able to offer.

    Yes, style.css is where those rules are stored but changing them might negatively impact the rest of the site. If this was a production theme, not a custom theme, we could then perhaps help with compatibility. Perhaps give the setting I mentioned above a try, that might help to a degree.

  6. 4 months, 9 days ago username

    I’m trying to locate that code to alter it and it’s not showing up in any file. Also changed the setting to #content and nothing changed. Is there any code I can add to the style.css to realign it?

  7. 4 months, 9 days ago Andrew Misplon Hi, I Work Here

    Those styles could be in /css/responsive.css. I don’t expect this will be an easy task unless you have an intermediate understanding of CSS. We, unfortunately, can’t assist with customizations of this nature. I really wish we could. We have limited resources and do our best to offer free support within those constraints. If you’d ever like to hire a developer to help out, codeable.io is a great place to start.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More