Font size in form dropdown menu inconsistent

[a101web]

Hi!

This my checkout form. The dropdown menus for STATE and COUNTRY show one size for the list of options to choose from and completely different size for the text that appears once you choose one of those options. How can I make these two text sizes uniform in size?

(See the screenshot below and note the difference between the text size of “California” and the rest of the states in the list to choose from.)

Thanks in advance!

[Prasant]

Hello Brian,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS:

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 22px !important;
}

In case above code is not working, please share the URL of the website.

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Thanks.