[Resolved] How to widen the blog content after adding a side bar?

[Thomas]

Hi there,

I added a left side bar to include a table of content for my posts but the layout try to fit both sidebar widget and the blog content into one single “column”. While the side bar widge with was maintained at 30%, the blog content body width was reduced and all content looks squshy.

An example link: Link/

Things I’ve done to troubleshoot….
– Increased Container layout in Customizer. No effect.
– Added a separate Layout element which only targets posts. Increased the content width. No effect.

Not sure what else I should try to fix this?

Thanks in advance.

[David]

Hi there,

go to Customizer > Additional CSS and remove this CSS Rule:

.single-post #page {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

[Thomas]

Ah no wonder!

Thanks for your quick response David.

Much appreciated. 🙂

[David]

Glad to be of help !

[Scott]

Hey David – having the same issue with my site. Trying to add a newsletter sign up form to the right sidebar, but when I do and increase the right sidebar width to around 30%, the content gets really tight and squished.

I do not see the code you mentioned:

.single-post #page {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

I’m using READ from the site library.

Thanks!

[Fernando]

Hi Scott,

For reference, can you share the link to the site in question?

If you want it shared privately, open a new topic and use the Private Information Field: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Scott]

Thanks, Fernando – opened up a new thread here.

[Fernando]

Alright! I’ll respond there.

[Author]

Posts