Site logo

Archived topic

Difference in page/blog post width?

1 reply · Started by Kevin on November 11, 2019

Viewing posts 1–2 of 2

Hi,

Today I wanted to create a page. Is has been a while since I made a page. Recently i've only uploaded blog posts. Something i noticed is the text/page width. The width of the text is much wider within a page than within a blog post.

I went through different settings, but i couldn't find anything odd. In which way do i get the widht in page text the same as in the blog posts?

Additional info: I don't use widgets in the blog post and page.

Hopefully you can help me out.

Greetings,
Kevin

Hi there,

the GP Site you originally imported uses some CSS to change the width of the single post. Go to Customizer > Additional CSS and look for this:

/* blog posts width */
body.single .site.grid-container {
	max-width: 800px;
} 

Couple of choices:

1. You can change the above CSS to:

/* blog posts width */

body.single .site.grid-container,body.page .site.grid-container {
	max-width: 800px;
} 

But this will apply to all pages.

2. Use the Layout Element:
https://docs.generatepress.com/article/layout-element-overview/

The Content Tab allows you to change the Content Width and you can use the Display Rules to set where you want to apply it ( you can even remove the CSS above and use this for All Posts ).

This archived topic is closed to new replies.