[Resolved] Uneven Spacing

[Prateek]

Hi Tom,

I’m using Generatepress theme for my website. Please see http://ispotted.net/forestry/research/

My question is: In that page ^ there is uneven space between the page content and the footer widget. How can I make it even? It’s the same case with all the pages (unless I get rid of the right sidebar widgets).

Secondly, is there a way to maybe combine the right widget with the page so that everything is in just one box? Not sure If im being clear here. But let me know. Thanks

[Tom]

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 🙂

[Prateek]

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

[Tom]

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;
}

[Prateek]

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

[Tom]

My mistake – I’ve edited the code above. Can you try it instead?

Thanks!

[Prateek]

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

[Tom]

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.

[Prateek]

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

[Tom]

That would be great 🙂

[Prateek]

Sent you an email.

Prateek

[Tom]

This has been resolved 🙂

[Author]

Posts