Jump to content

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

Recommended Posts

  • Replies 17
  • Created
  • Last Reply

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). :-)

Link to comment

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.

screenshot-squarespace-2019-09-07.png.31c0103595f9d24e43ebcace1b9a7a0a.png

Link to comment

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 months later...

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?

Link to comment
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)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.