Archived topic
page and blog/archive not using the same width and padding
6 replies · Started by dave on January 18, 2022
Hello, I've taken a messy approach to building my site (changing things around a bunch until I found what I liked instead of starting with a plan.)
I've figured out what I want now (1420px wide with 40px padding left & right everywhere accept for the hero backgrounds (color) which I want to display full width).
Things are working the way I expected on my pages (GPP & GBP), but my blog page and archives are not using the same width and padding as my pages which I would like them to do. I'm not sure if I have some setting(s) wrong and have created a conflict or if there is something else I am missing? How can I make my blog and archive pages use/respond to the same width and padding settings in the customiser that seem to be controlling my pages?
Thanks for your help,
Dave
https://heliafitness.com/
Hi Dave,
Can you link us to the blog page?
Yep, it is right here: https://heliafitness.com/magazine/
Thank you
The padding on blog/archive pages are added to the individual post (.inside-article), unless you switch the container setting from one container to separate containers, but your layout needs to be separate containers.
So in your case, CSS is the solution :)
.blog #content, .archive #content {
padding: 40px;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Thank you Ying, I've added this code to my site and cleared my cache and it does not seem to be working/applied?
whoops, never mind, cleared things again and it is working. Thank you :)
Great! You are welcome :)
