Archived topic
CSS for content padding
7 replies · Started by Rick on January 24, 2023
On my landing page only, I'd like to remove the 40px white section at the top, but I can't seem to find the CSS class for:
Customize > Layout > Container > Content Padding
Can you help me with the CSS?
Thanks!
Rick
Hi Rick,
I believe using the Full Width content container on that page would work well for you:
https://docs.generatepress.com/article/content-container/
Let me know :)
I don't want the Full Width container. I'm just trying to determine the CSS class to change the top padding in:
Customize > Layout > Container > Content Padding
I want the default 40px padding for all pages except the landing page.
Do you mind trying my suggestion first?
I believe the end result would be the same as the page is already full-width page.
If it doesn't work, I can provide the CSS solution.
Thanks.
My customizer panel looks nothing like your example. I don't have the Full Width content container option.
I'm using GeneratePress Version 3.2.4 and GP Premium Version 2.2.2
Hi Rick,
The screenshot provided by Leo is an image of a page's setting. It's not the Customizer panel. See: https://share.getcloudapp.com/nOu175dN
If you edit a page, and go to it's Page settings as shown in the screenshot, you should see something similar.
That setting forces all my content to full width. Like I said previously, I don't want the full width container, just the CSS class to zero out the top padding.
I see. If you want to use CSS, here's something you can try adding through Appearance > Customize > Additional CSS:
.one-container div.site-content {
padding-top: 0;
}