CSS to add margin/padding to shop and product pages

Support
#1

Hello, I know the identifier for the products themselves, therefore when I add CSS code to add margin, it adds them to all the products. I simply just want to add some margin to the top of the shop page, so portions arent disappearing under the header towards the top. Can you let me know the identifier or code to just target this container and not each product?

#2

Hello @CaseyGris,

Thanks for asking. :slight_smile:

Can you please share website URL for us to take a closer look?

Thanks.

#3

https://havoly.com

#4

Hello there,

You can do this by adding this code to X > Launch > Options > CSS:

.tax-product_cat .x-container.offset {
    margin: 150px auto 40px !important;
}

Hope it helps.

#5

Perfect, thank you.

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.