How to remove white space from single page's hero section only?

Hi there,

The space you see is a combination of margin and padding assigned to the #page element the padding added to the article container.

While we can remove these spacing by adding this CSS:

.inside-article {
    padding-top: 0 !important;
}

main#main {
    margin: 0;
}

I think the best practice is by actually turning the first section of your content as a page hero instead of adding it as a first section of the content so it doesn't get affected by the content padding.

I don't want it removed from Articles, Posts, etc...

Just need to remove it from a single page.

Anyway, your code NOT worked for the Page.

Hi there,

Since you are using GB to build the home page, try using the full width content container option:
https://docs.generatepress.com/article/content-container/

Now, the white space disappeared...

But, Actually... I don't want other elements to load in full width...

Kindly check the site home page... and suggest me best practice...

Thanks.

But, Actually… I don’t want other elements to load in full width…

You can control the width of other elements using the container block settings:
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-standalone-block