Need help with changing font size on variants

Hi. Pulling my hair out trying to fix the font size of variant and of other items in DAWN 14.0 as seen circled in this picture in red. I want it larger as it’s not very legible on desktop. I also don’t want to fudge up mobile when doing so as mobile its perfect with the current settings. Any advice would be appreciated. My website is https://mutiny.store and an example of the issue is on every product page like this one https://mutiny.store/products/batt-io. issue is also our main page as these fonts are small. Anytime I try to correct it mobile ends up with massive fonts.

Hi @MNS1974 ,

You can try this code by following these steps:

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

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file → Save

@media only screen and (min-width: 768px) {
   variant-selects label {
    font-size: 25px !important;
   }
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

Hey @MNS1974

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Change the 2rem value as you like, you can do decimal numbers like 1.6rem, etc…


Screenshot is for reference only, the correct code to paste is the one shown above.

That worked for variant thank you. Only issue I have now is the main page product prices and part info. Those are still tiny