How do you reduce the padding on Blog & Store sections in 7.1?

Does anyone know how to reduce the padding of the Blog & Store sections using CSS, on v7.1? 

The default top margin of the blog and store gallery is way too big.

Thanks!

Can you provide link to your site?

I need help with this too, on my homepage I have the store, have turned off showing the Store title and hidden the categories by making htem the same colour as the background with that section theme, If I could remove/hie both of them and reduce the padding at the top that would be amazing! Have attached a screenshot below

https://www.ptaftf.com/ 

P: PTAFTF

On 1/14/2021 at 4:06 AM, stevegrant said:

I need help with this too, on my homepage I have the store, have turned off showing the Store title and hidden the categories by making htem the same colour as the background with that section theme, If I could remove/hie both of them and reduce the padding at the top that would be amazing! Have attached a screenshot below

https://www.ptaftf.com/

P: PTAFTF

Add to Design > Custom CSS

body.homepage ul.nested-category-children {
    display: none !important;
}

Amazing! thanks so much — works great on desktop, but is now a little tight on mobile, 

any way I can increase on mobile only?

On 1/20/2021 at 4:38 AM, stevegrant said:

Amazing! thanks so much — works great on desktop, but is now a little tight on mobile, 

any way I can increase on mobile only?

 

 

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage #page section:first-child .content-wrapper {
    padding-top: 1px !important;
}
}