How to create outlines for variants

Shopify Discussion
,
1

Hi,
Im fairly new to shopify, and cant seem to figure out how to create outlines for the variations that arent picked. Can someone help?

My shop name is “luminora.shop”

1 Like
2

Hi @Luminora ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1720455217565.png
BSSCommerceHDL_0-1720455217565.png505×188 8.1 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Thank you SO much!

1 Like
4

Hi @Luminora ,

You can follow these steps to make the effect

  1. Open Online Store > Theme > Edit Code

  2. Find and open the base.css (or theme.css, custom.css) file

  3. Paste the code snippet below at the bottom of the file and hit save

.product-form__input--pill input[type=radio]+label {
    border: 1px solid rgba(var(--color-foreground), var(--variant-pills-border-opacity)) !important;
}

Here is the result

BSSTekLabs_1-1720455483677.png
BSSTekLabs_1-1720455483677.png817×428 21.5 KB

Hope this helps you solve the issue.

Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

5

@Luminora , No problem. Have a good day :heart_eyes: