Product page size selector should be underlined for selected size

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.

@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:

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

Best Regards :blush:

1 Like