Product details page - remove variant drop down padding

The drop down menus for product variants on version 7.1 have a lot of built-in padding and I'd like to reduce that.

Here's what worked for me in the CSS Editor:

.variant-select-wrapper {padding: 5px !important}

On 8/13/2020 at 3:19 PM, IM_Design said:

.variant-select-wrapper {padding: 5px !important}

 

@IM_Design i cant seem to get this to work. did you only add this to Design>Custom CSS or was additional header and footer code required?

20 hours ago, Solletix said:

@IM_Design i cant seem to get this to work. did you only add this to Design>Custom CSS or was additional header and footer code required?

Add to Home > Design > Custom CSS. If it still doesn't work, can you share link to a product? We can check easier.

On 9/12/2020 at 11:05 AM, tuanphan said:

Add to Home > Design > Custom CSS. If it still doesn't work, can you share link to a product? We can check easier.

thanks @tuanphan https://solletix.com/store/womens-raceback

pw: Solletix2019!

I would also like to move the drop-downs around and/or sub them for a different display (size boxes instead of the a drop-down)

5 hours ago, Solletix said:

thanks @tuanphan https://solletix.com/store/womens-raceback

pw: Solletix2019!

I would also like to move the drop-downs around and/or sub them for a different display (size boxes instead of the a drop-down)

size boxes?. Do you have an example/mockup..?

15 hours ago, tuanphan said:

size boxes?. Do you have an example/mockup..?

On 9/15/2020 at 8:38 PM, Solletix said:

Hi.

Try this plugin.