[Support request] CSS for content padding

[Rick]

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

[Leo]

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 🙂

[Rick]

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.

[Leo]

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.

[Rick]

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

[Fernando]

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.

[Rick]

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.

[Fernando]

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;
}

[Author]

Posts