Re: Gap in product page

manter · ‎06-10-2024

Hello. How to edit the product page to have a little gap between product variants and quantity?

Link:
https://holycup.lt/collections/indu-kolekcija/products/stikliniai-siaudeliai-wavy-copy

Thanks!

thirtycoders · ‎06-10-2024

Hello @manter,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you'll insert my code inside it

@media (max-width: 768px){
.tt-product-single-info .tt-options-swatch {
    margin-top: -3px;
    margin-bottom: 10px;
}
}

Thanks!

Thirtycoders || Shopify Partner
Found my response useful? Show your appreciation with a Like!
Did your query get resolved? Mark it as an Accepted Solution.
For additional discussions, reach out via: Email ID: thirtycoders@gmail.com

manter · ‎06-15-2024

Thank you! Where exactly I have to place it? I tried placing in the <head> but no change happened.

Re: Gap in product page

Gap in product page

Community Blog Articles