Renato Posted July 22, 2022 Share Posted July 22, 2022 Does anyone know how to customize the size and position of the drop down menu of a product variant? I can just make them short, nothing else. Please check attached files Link to comment
tuanphan Posted July 23, 2022 Share Posted July 23, 2022 Add to Design > Custom CSS /* align image-title */ section.product-details.ProductItem-details { padding-top: 0px; } /* add to cart button */ div.sqs-add-to-cart-button { padding-top: 5px !important; padding-bottom: 5px !important; } /* quantity */ div.product-quantity-input input { padding-top: 5px !important; padding-bottom: 5px !important; } Can you share link to a variant product? We can check variant dropdown easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
bettysglamourbox Posted January 19 Share Posted January 19 Hi, I used your code to change my variant box size - worked perfectly, thank you. How would I now change the colour of the drop down variant boxes to match my add to cart button? So it appears similar to the add to cart button? And is it possible to remove or reducte the drop down arrows? Is it also possible to remove where it says : select style indside the box? to either just say select or no text at all? Link to comment
tuanphan Posted January 26 Share Posted January 26 On 1/19/2023 at 8:57 PM, bettysglamourbox said: Hi, I used your code to change my variant box size - worked perfectly, thank you. How would I now change the colour of the drop down variant boxes to match my add to cart button? So it appears similar to the add to cart button? And is it possible to remove or reducte the drop down arrows? Is it also possible to remove where it says : select style indside the box? to either just say select or no text at all? Hi, Can you share link to a product? We can give code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sybfire Posted June 9 Share Posted June 9 (edited) Hello, I need to make the "size" and "quantity" buttons smaller in width, and in length as well for the size button. I cannot seem to find any options to change these two in the design settings at all. I could only manage to figure out how to stylize the "add to cart" button. https://www.sybfire.com/art/p/bathroomdance Thank you! Edited June 9 by sybfire Link to comment
tuanphan Posted June 11 Share Posted June 11 On 6/10/2023 at 5:18 AM, sybfire said: Hello, I need to make the "size" and "quantity" buttons smaller in width, and in length as well for the size button. I cannot seem to find any options to change these two in the design settings at all. I could only manage to figure out how to stylize the "add to cart" button. https://www.sybfire.com/art/p/bathroomdance Thank you! Use this CSS code .variant-select-wrapper, .product-quantity-input input { padding-top: 10px !important; padding-bottom: 10px !important; } sybfire 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment