How can I add padding to my product template?

Store Design
1

Example url: https://vibrantnaturals.ca/collections/supplements/products/alpha-gpc

Example picture: https://ibb.co/fYYrz51

I’m trying to add padding to the top of my product pages, as there is none and it appears right underneath my header. Any help would be great.

Thank you, happy holidays!

1 Like
2

@vibrantnaturals , go to base.css and add the following code:

section#shopify-section-template--21458284413225__main {
    padding-top: 4rem !important;
}
3

Thanks for your reply.

I added it to base.css file, and nothing changed.

4

@vibrantnaturals , the padding on the top increased on your website.

5

You are correct, apologies, I was looking at the wrong page.

I thought this would apply to all my product pages but I guess not.

Can you tell me which code to input for the rest of my products?

https://vibrantnaturals.ca/collections/supplements/products/zinc-copper-selenium

l-citrulline product (shopify wont let me link it for some reason, banned word I think)

https://vibrantnaturals.ca/collections/supplements/products/caffeine-l-theanine-pills

https://vibrantnaturals.ca/collections/supplements/products/benfotiamine

Thanks

1 Like
6

@vibrantnaturals , Remove the previous code and add this instead :

.t4s-main-product__content {
    padding-top: 4rem !important;
}
7

You are the man, thank you sir.

1 Like