Please, how can I increase the width of single posts?

[Theodore]

Hello,

Please, I’ll love to increase the width of my single posts template, I’ll love it to be wider than how it is now.

How can I achieve that please?

[Leo]

Hi there,

You can create a layout element:
https://docs.generatepress.com/article/layout-element-overview/#content-1

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Theodore]

No bro, this wasn’t helpful at all, and it seems you don’t even understand what I want. I don’t think that this has anything to do with ELEMENTS, but I might be wrong.

I just wanted to increase the width of the single posts layout on my blog. Already, the width is about about 600px, which I don’t want. See below:

I want to increase it to about 830px just like on the blog below from owntheyard.com:

Notice how wide the single post layout is? You can also visit the blog and my own to see what I’m talking about.

I’ll also love to increase the width of my sidebar, so please help me with these things.

Thanks.

[Leo]

If I understand this correct, you want to increase the container width in single posts only?

If that’s the case, create a Layout Element and set the content width to 830px:
https://docs.generatepress.com/article/layout-element-overview/#content-1

Then under the display rules, select Post > All posts.

As for sidebar width, have you tried the customizer options?
https://docs.generatepress.com/article/sidebar-widths/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Theodore]

Hi Leo,

I’ve actually tried that before you replying to you earlier, but I didn’t see any changes.

[Theodore]

Hi Leo,

I’ve tried this multiple times, and it’s not working. It’s only compressing the width more. Please, how else can I do this? Or can you check it out for me?

[David]

Hi there,

in Customizer > Additional CSS – remove this:

body.single .site.grid-container {
    max-width: 1000px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Theodore]

Ok, this helped.

Thanks a lot.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts