Product page size selector should be underlined for selected size

Store Design
, , , , ,

Topic summary

Goal: In the Shopify Dawn theme (latest version), underline only the selected size option on the product page.

Update/Proposal:

  • A reply recommends adding custom CSS in the theme.liquid file.
  • Steps: Shopify Admin → Online Store → Themes → Edit code → open theme.liquid → insert the CSS above .
  • A screenshot is provided showing the expected result (selected size underlined).

Notes:

  • The exact CSS code is not visible in the shared content (code block appears empty), so implementation details can’t be verified here.
  • No confirmation from the original poster that the solution worked.

Status: A suggested approach is provided with visual proof, but the thread appears open due to missing code details and lack of confirmation.

Summarized with AI on December 16. AI used: gpt-5.
2

@Sivadarshan , Follow theses steps

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

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1729935455565.png
BSSCommerceB2B_0-1729935455565.png1230×815 116 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

1 Like