Remove Button Boarder (sizing) - Prestige Theme.

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.

Hey @emilyaugstudios

Share your Store URL and Password if enabled.

Best Regards,

Moeed