Uneven Spacing

Hi there,

This is happening because your right sidebar widgets are longer than your content. But once you set it to one container it will fix this.

To set it to one container, making the right widgets part of your page, go to "Appearance > Customize > Layout" and change the content layout to "one container"

Let me know if this works :)

Thank you Tom for the response. Is it possible to do one container to everything but the home page?

Hmm.. Maybe..

First, set the setting to one container.

Then try this CSS (assuming you only have the right sidebar set):

.home.right-sidebar.one-container .site-main {
    margin: 20px 20px 20px 0;
    padding: 0;
}

.home.one-container .inside-right-sidebar {
    margin-bottom: 20px;
    margin-top: 20px;
}

.home.one-container .widget {
    margin-bottom: 20px;
}

Hi Tom, Yes I just have the right sidebar set.
I put the code in custom css but that didn't do anything. Is that where I'm supposed to put it?

Thanks, PK

My mistake - I've edited the code above. Can you try it instead?

Thanks!

Hi Tom, It still does not do it.
The only noticeable change to me is the spacing between the sidebar widgets on the homepage. :s

Prateek

Hmm, actually, my initial code was correct (made the edit again).

The problem was that you still have the site set to display in separate containers.

If you want the whole site to display in one container, but the homepage, you want to go to "Appearance > Customize > Layout" and set the content layout to "One Container".

Then add the code above.

That should do it.

Hmm. I'm still having no luck with this.

I want to send you the before and after pic of the site (before the code and after adding in the code with one container), but not sure how I can attach it here.

Should I email it to you?

Prateek

That would be great :)

Sent you an email.

Prateek

This has been resolved :)