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

Store Design
1

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

especially for viewing from Desktop…

image.jpeg
image.jpeg400×196 7.77 KB

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

2

@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
Vinsinfo_0-1713882679414.png354×602 18.7 KB

  1. 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
Vinsinfo_0-1713887274059.png274×558 20.6 KB

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.