Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
MarikaS

Change font of drop-down menu in product listing

Question

Hi there,

I started using the Brine template, and in my product listing I have a drop down menu for size and quantity

The size drop down uses a different, ugly font which is not related to the template style. Any idea on how to change this?

Thanks

Marika

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0
On 2/27/2020 at 7:41 AM, MarikaS said:

Add to Home > design > Custom CSS

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

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

Hi @tuanphan, 

that custom css didn't seem to work on my site. It isn't live yet but looks like this (attached screen shot).  Any suggestions for the below code?

/* ProductItem-details */
.variant-option select option {
    font-family: roboto !important;
}
.ProductItem-details .variant-option select {
    font-size: 16px;
}

Screen Shot 2020-06-25 at 1.38.27 pm.png

Share this post


Link to post
  • 0
5 hours ago, runsweatinspire said:

Hi @tuanphan, 

that custom css didn't seem to work on my site. It isn't live yet but looks like this (attached screen shot).  Any suggestions for the below code?

/* ProductItem-details */
.variant-option select option {
    font-family: roboto !important;
}
.ProductItem-details .variant-option select {
    font-size: 16px;
}

 

You can setup password & share url


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0
12 hours ago, runsweatinspire said:

@tuanphan

Sorry, I don't understand. The password is already setup but the site isn't live as yet. deeksdemosite.squarespace.com

 

#productDetails .product-variants .variant-option select {
    font-family: roboto !important;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...