How to change product variation font size

[serene]

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. 

 

[Amarjyt]

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.

[serene]

serenelyyours.myshopify.com
Thank you so much!

[Moeed]

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

Best Regards,

Moeed

[serene]

Hi, please use password tohcli to log in the shop

[serene]

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.

[serene]

Hi, please use password tohcli to log in the shop

[Moeed]

Hey @serene 

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 </body> tag

<style>
.product-form__input--dropdown option {
    font-size: 12px !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[serene]

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

[Moeed · Accepted solution]

Hey @serene 

Keep the previous code and add this new code above </style> 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

[serene]

Works like magic! Thank you so much!

[Moeed]

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.

[Tech_Coding]

Hello @serene 

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 </body> on theme.liquid
<style>
   .select__select {
      font-size: 1.8rem !important;
   }
</style>

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

[Tech_Coding]

Hello @serene 
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.

[serene]

serenelyyours.myshopify.com

Password : tohcli
Thank you so much!

[Moeed]

Hey @serene 

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