How can I decrease the size of variant pickers in the Impact theme?

How can I decrease the size of variant pickers in the Impact theme?

Manuel07
Visitor
2 0 0

Hi,
I would need to modify and reduce the size of the variant selection buttons,

especially for viewing from Desktop...

image.jpeg

The theme used is Impact by Maestrooo

Developers could add a customization to choose directly from the theme or product page settings, it would be very useful

 

Many thanks for your help

 

 

Reply 1 (1)

Vinsinfo
Shopify Partner
485 165 168

@Manuel07 Please follow the below steps to reduce the variant picker size. Let me know whether it is helpful for you.

 
1. Go to "Online Store" -> "Themes".
2. Click "Customize" button from the current theme.
3. Go to product page and click "Product page" section like in the below attached screenshot.
Vinsinfo_0-1713882679414.png

 

4. Locate "Custom CSS" field and paste the below CSS code like in the below attached screenshot.

 

.variant-picker__option-values .block-swatch {
  padding: 15px 20px;
}

 

Vinsinfo_0-1713887274059.png
 
NOTE: Please adjust the padding value according to your need. If it doesn't helps you, please share your store URL to help you with this.
 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support