Dawn Theme - Make variant text bigger in size

Store Design
, ,

Topic summary

A user wants to increase the font size of product variant text (e.g., sizing options) on their Dawn theme store.

Initial Solution Attempt:

  • Another user provided CSS code to add to theme.liquid before the </body> tag
  • This code targeted price elements and form inputs but only enlarged the old/sale price, not the variant options

Revised Solution:
After requesting the store URL to inspect further, a corrected CSS snippet was provided:

  • Targets .swatch--gl .name-option and .product__info-container .price--on-sale .price-item--regular
  • Sets font sizes to 22px and 24px respectively using !important
  • Should be added to theme.liquid before </body>

Status: The discussion appears to have provided a working solution, though final confirmation from the original poster is not shown. The code includes structured CSS targeting specific Dawn theme classes for variant display.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
5

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.swatch--gl .name-option{ font-size: 22px !important; } .product__info-container .price--on-sale .price-item--regular { font-size: 24px !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.