How to change product variation font size

How to change font size in red circle below? I tried to adjust Theme settings > Typography but that doesn’t work. I also tried to change h3,h4,h5, some caption size in css file. All failed. Please help.

Hi,

you can do it by applying css for particular element class.

let me know your store name, i will tell you where you can apply css.

Hello @serene_2
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Hey @serene_2

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

serenelyyours.myshopify.com
Thank you so much!

Your website is password protected, can you please share the password as well?

Best Regards,

Moeed

I’m in 3 days trial period. I think I need to buy a plan to remove the password. I’ll ping you guys here later this week. Thank you so much.

1 Like

Hi, please use password tohcli to log in the shop

Hi, please use password tohcli to log in the shop

serenelyyours.myshopify.com

Password : tohcli
Thank you so much!

Hey @serene_2

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hi Moeed,
Your solution works! How about I also want to enlarge the text in red box?

Hey @serene_2

Keep the previous code and add this new code above in the end of theme.liquid file

.product-form__input.product-form__input--dropdown select {
    font-size: 15px !important;
}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hello @serene_2

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

.select__select { font-size: 1.8rem !important; }

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

Works like magic! Thank you so much!

1 Like

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.