Archived topic
Changing side padding on a *specific* page?
10 replies · Started by Jay on September 4, 2021
Hi, how do I change side padding on an individual page?
I don't want to affect blog posts, only 1 page or more.
Here is example of padding below:
Thick Padding (current):
Thin Padding (how I want it):
---
I have the Simple CSS plugin installed if that helps.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Hey Leo, this is for a client site so have to keep it confidential.
What is the normal procedure for this?
I saw the container settings under layout but not sure if that changes all blog posts also.
I just want to alter page(s) not blog posts right now.
Thank you
Leo, I got permission to share page. It's below.
Please tell me how to change this for 1 specific page, and how to change for all pages (pages only not blog posts).
Thanks !! 😁
That padding are you referring to here?
The content padding showing in green here?
https://www.screencast.com/t/K1aXmgNGSH
No.
Brother did you see the 2 screenshots I showed you originally ?
Look at those 2 screenshots and you will see the difference in the padding.
How do I adjust this?
I thought this would be something easy and straightforward.
Please look at the 2 screenshots and compare
Can you just give me all options for all padding?
ANY padding, on the width, I want to change.
I didn't know there were different types of width padding.
If so, please give me solution for both?
Thank you
Perhaps content container width is the more appropriate word. Not sure.
I just want more words / characters to fit on each line.
Width, horizontal padding.
Any settings that affects this.
Thank you
I'm seeing this snippet in the Additional CSS field which is setting the content width to 700px:
.no-sidebar .inside-article > *,
.no-sidebar #comments,
.no-sidebar .paging-navigation {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
Is that what you are looking for?
Leo I have literally no idea. That's why I'm trying to get help.
Why can't you just tell me ALL OPTIONS to reduce white space horizontally ?
Can you please, PLEASE do that for me ?
I understand it's a few options, can you PLEASE tell me all of them ?
Looks like the CSS is coming from an imported site.
Can you try removing that code in the additional CSS field, then try using a layout element to control it?
https://docs.generatepress.com/article/layout-element-overview/#content-1
That would allow you to change the content width of a specific page.
To change the global container width, the setting is in the customizer:
https://docs.generatepress.com/article/container-width/
Full details here:
https://youtu.be/zE8t7VGu2g0