Gap in product page

manter
Tourist
9 0 3

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

Screenshot 2024-06-10 at 9.57.54 PM.png

 

Thanks!

Replies 2 (2)

thirtycoders
Shopify Partner
135 21 26

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;
}
}

 

thirtycoders_0-1718047941356.png

 


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
Tourist
9 0 3

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