[Support request] Set Home Page To Different Width

[Simon]

Hey Guys,

I currently have the sites width set to 1100px for the header and categories. I am then using:
.single .inside-article,
.page .inside-article {
max-width: 750px;
margin: 0 auto;
}

To set the width of my pages and posts. However the home page is more like a category than a page or post. Any thoughts on the best way to achieve an 1100px width on just the home page would be awesome.

Cheers,
Simon

[Leo]

Hi there,

Try this CSS:

.home .site.grid-container {
    max-width: 1100px;
}

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

Just a note that this option has been added to the Layout Element in the next version of GP Premium which is currently in alpha testing:
https://generatepress.com/gp-premium-1-8/

[Simon]

Thanks Leo,

I didn’t realize their was a css class for home page.
I ended up using:
.home .page .inside-article {
max-width: 1100px;
}

the .site.grid-container didn’t work for some reason.

I did see that update coming, looking forward to it. I guess I’ll try my best to migrate to doing things through the update instead of custom css when its released.

[Leo]

Every page has a unique ID in the body tag 🙂

Glad it’s working!

[Author]

Posts