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

siteorigin rows with background colors alignment is off

By username, 5 years ago. Last reply by Andrew Misplon, 5 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 5 years, 10 months 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. 5 years, 10 months ago username

    http://www.gemcomfg.com

  3. 5 years, 10 months 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. 5 years, 10 months 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. 5 years, 10 months 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. 5 years, 10 months 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. 5 years, 10 months 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