Dawn- How To Remove Quantity Selector Outline Template On Product Page

[IllIlIl1]

I'm trying to take away the original black outline of the quantity selector and just leave the grey outline around it.

store link: https://80f465-18.myshopify.com/products/test%20%20%20%20%20%20%20////%20%20

passcode: saydia

[niraj_patel · Accepted solution]

Hello @IllIlIl1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .quantity:after, .quantity:before {
      box-shadow: unset !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[harrrybrook15]

Good Solution.

[IllIlIl1]

Thanks, is there also any way to bring the -,+ icons closer to the number of the quantity selector, as well as make it a little smaller?

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .quantity {
       width: calc(12rem / var(--font-body-scale) + var(--inputs-border-width)* 2) !important;
   }
   .quantity__button {
      width: calc(5rem / var(--font-body-scale)) !important;
   }
   .quantity__input {
       padding: 3px !important;
    }
</style>

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.