Remove Button Boarder (sizing) - Prestige Theme.

Shopify Discussion

Topic summary

Main issue: Remove the visible border/styling on size options and the quantity selector in the Shopify Prestige theme to reduce the “chunky” look.

Key steps and fixes:

  • Store URL was shared (no password) so helpers could inspect the product page.
  • A helper provided custom CSS to add in theme.liquid (near the closing body tag) to remove borders from the form inputs (size and quantity). The change visually cleaned up the buttons (confirmed via screenshot and user feedback).
  • To keep selection clarity without borders, an additional CSS rule was added: :checked + .block-swatch { text-decoration: underline !important; }. This underlines the selected size option, matching the referenced site’s behavior (confirmed via screenshot).

Outcome:

  • The border removal and underline-on-selection both worked for the requester.
  • No further issues or open questions were raised; the thread appears resolved.

Notes:

  • Screenshots were used to illustrate results; the exact initial border-removal CSS wasn’t shown in the post text but was implied/applied successfully.
Summarized with AI on December 22. AI used: gpt-5.
7

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.