Variants: Add a border to selection drop-downs

Try this to emphasize the selection boxes. 

Change the border color in your color settings:

Before:

After:

In your color settings, change the "Border color"

This will change all your border colors. If you'd like to keep the border colors light  but still emphasize the select boxes, you can try this:

Another option is to add a border around the boxes

Add the following code to the very bottom of this file on a new line:
https://myshopify.com/admin/themes/current?key=assets/style.scss.liquid&line=9999

/* -- code to add border around variant select options -- */
.selector-wrapper select,.product-form__variants {
	border:1px solid #999999;}
/* - end -*/

You can use a different color than #999999, that's a dark grey hex code. 

Before:

After:

Some common hex colors:

http://www.colorhexa.com/web-safe-colors

Still need help? Contact Us Contact Us