Can’t Change Width Of Blog Posts

[Marcus]

Hi I’m trying to change the width of just the blog section of my website. I’ve had this site running an older version of GP for a while now but I’ve just updated today.

I’ve followed the instructions here but its not working: https://docs.generatepress.com/article/layout-element-overview/#content-1

[Leo]

Hi there,

I’m seeing some CSS interfering. Can you disable Autopimize and any caching plugins you are using?

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

[Marcus]

Hi thank you for your response.

I can’t seem to find what css is affecting it, sorry.

I’ve disabled caching plugin + Autopomize

[David]

Hi there,

you have this CSS in Customizer > Additional CSS:

body .grid-container {
    max-width: 70%;
    letter-spacing: 0.5px;
}

The max-width is overriding your customizer and element widths.

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

[Marcus]

Thank you for your reply.

I removed the css you mentioned. It didn’t fix it.

I’ve discovered the issue though, I was setting the layout to apply to “Blog” instead of “Posts”.

Do you know what “Blog” is for if it’s not for posts? Slightly confusing.

[David]

Blog is the page you set in Dashboard > Settings > Reading to display your latest posts.
Whereas Posts > All Posts applies to the Single Posts.

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

[Marcus]

Thanks

[David]

Glad to be of help

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

[Author]

Posts