How can I change the font in the dropdown menu in the ordering process when selecting variants?

How can I change the font in the dropdown menu in the ordering process when selecting variants?

You should share site url @robertw

Hi! @tuanphanMy site is not public, yet. I cannot share the site of my customer. Also I am not sure what exactly you need the url for. Would it help to share a screenshot? :-)

you need to use custom code to change font. No one can help without site url.

If you don't want share url, you can contact Squarespace Custom Care for their help.@robertw

Hi @tuanphan !Customer Care asked me to find help in the forums since they cannot help with custom CSS. The dropdown menu I mentioned cannot be changed through the design panels provided by Squarespace.What exactly do you need the url for? I maybe could provide the information without opening my website (which I am not allowed to do, because it shows private information from my customer). :-)

@robertw No one can give exact custom code without check html structure of website.

Hi @tuanphan ! Thanks for your answer.I found a lot different workarounds for dropdown menus in different places than the one I mentioned.I will provide more information to this ticket later. I unfortuantely have no time now. But thanks a lot for your suggestions.I will see what I can do. ;-)

To give some more information:

I am using the Aria theme from the brine family. The problem occurs while selecting characteristics of the product. There is a dropdown menu for selecting and it is impossible to change by Squarespace design panels.

A screenshot of the dropdown menu is attached.

I want the font to be bigger.

Maybe anyone can help although I am not allowed to open the site url.

@robertw Aria demo has no product page, so it's difficult to check. You should share a url with product page.

If using custom code, it only take ~5-10 minutes to handle.

If you can't share url here, you can send me a message via my contact form.

@tuanphan Thank you so much for your offer to help.I just rebuilt a shop in Aria in a test account:

https://hexagon-asparagus-xtm5.squarespace.com

Password is: SuperSecretShop23

There you can click on "Shop" and then on "Schuhe". You'll find similar dropdown menus there.

Thanks a lot!

@robertw Add to Home > Design > Custom CSS

.ProductItem-details .variant-option select {
   font-size: 20px !important;
}

Thank you so much @tuanphan !

It worked well! :-)

@robertw You can Accept Answer if it worked. Thanks.

Hallo, I have the same problem with my online shop: 

Link: https://www.dersteinbock.de/shop/t-shirt-signature

@tuanphan can you help me? 

18 hours ago, claudiolegrandstone said:

Hallo, I have the same problem with my online shop: 

Link: https://www.dersteinbock.de/shop/t-shirt-signature

@tuanphan can you help me? 

Add to Home > Design > Custom CSS

.variant-option * {
    font-family: Raleway !important;
}

On 11/14/2020 at 8:56 AM, tuanphan said:

Add to Home > Design > Custom CSS

.variant-option * {
    font-family: Raleway !important;
}

 

THANKS!

Hi @tuanphan, I have the same issue with trying to change the font for the product site dropdown menu.

Based on above trail I tried:

.variant-option * {
    font-family: Futura PT !important;
}

But it doesn't seem to work. My font is called "Futura PT", any idea how to change the above?

19 hours ago, SS92 said:

Hi @tuanphan, I have the same issue with trying to change the font for the product site dropdown menu.

Based on above trail I tried:

.variant-option * {
    font-family: Futura PT !important;
}

But it doesn't seem to work. My font is called "Futura PT", any idea how to change the above?

it should be

font-family: futura-pt !important;

(lowercase, not UPPERCASE)