How to add padding on top of a Product Page

My new page isn't live yet as I'm drafting up all my products, figuring out the design, etc -- but I can't seem to figure out how to add a spacer or block on top of my product pages underneath the header. 

I'm using 7.1 - the Antelope Primrose template.

Any help, CSS is greatly appreciated!

Add to Design > Custom CSS

body.view-item .products.collection-content-wrapper {
    padding-top: 100px;
}

Hi Tuan,

This one didn't work for some reason - I have the Product Section set at half? Also wondering if there is a way to edit the photo size on that Product Section since it seems to format my text better

https://www.donanati.com/collection/p/alba-credenza

Many thanks -- I emailed you 🙂

On 5/11/2023 at 7:54 AM, sbotello said:

Hi Tuan,

 

This one didn't work for some reason - I have the Product Section set at half? Also wondering if there is a way to edit the photo size on that Product Section since it seems to format my text better

 

https://www.donanati.com/collection/p/alba-credenza

Many thanks -- I emailed you 🙂

 

What is access password?