Remove Button Boarder (sizing) - Prestige Theme.

[emilyaugstudios]

Hi! Does anyone know how to remove the button boarder from the size options and quantity selector

on my product page? From what I can tell, these are 'Form input' buttons, if that helps. I am using the Prestige theme.

Thank you!

Emily

[Moeed · Accepted solution]

Hey @emilyaugstudios 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.block-swatch {
    border: unset !important;
}
quantity-selector.quantity-selector {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed]

Hey @emilyaugstudios 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[emilyaugstudios]

Hi!

The website URL is - https://927103-16.myshopify.com/

There is no password on the website. Thank you for the help!

[Moeed · Accepted solution]

Hey @emilyaugstudios 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.block-swatch {
    border: unset !important;
}
quantity-selector.quantity-selector {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[emilyaugstudios]

Hi Moeed, thank you for the help that worked great! I don't support you know how to make an underline appear under the size option when selected, similar to this website - https://arcinaori.com.au/products/blake-set-sky?variant=45943544348836

I'm just thinking if there's no button outline customers won't know which option they have selected but I hate how chunky/blocky the buttons make it look.

[Moeed · Accepted solution]

Hey @emilyaugstudios 

Keep the previous code and add this new code above </style> in the end of theme.liquid file.

:checked+.block-swatch {
    text-decoration: underline !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[emilyaugstudios]

Legend! Thank you for all your help Moeed 😄

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

Best regards,

Richard | PageFly

[emilyaugstudios]

Hi!

The website URL is - https://927103-16.myshopify.com/

There is no password on the website. Thank you for the help!