Jump to content

Anyone know how i can customise the code of my drop down menu

Recommended Posts

Hey peeps! im having issues with the drop down options for my store, i asked square space help and they suggested adding custom code. so hopefully someone can help. 

My theme is all black with white text, which is an issue when giving customers options to change sizes because the drop down box is also white as is the font. theres no option on square space to change the box colour without changing the entire text across my whole website. A quick fix ive had to do for now is make all my text grey, but i want my text white throughout my site. and ideally ill just change the colours of the drop down boxes so the white becomes visible... anyone know any code that can help 

iv included a screen shot so you can see which boxes im talking about. there is currently grey text so it is readable.. but when i change it to white you cant see the options. 

Weirdly on a tablet is displays fine, but on laptop or phone it isnt visible 

 

thanks 

 

Cole

Screenshot 2022-10-21 at 22.09.41.png

Link to comment

Should be solvable! Can you share your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Try this:

.variant-select-wrapper select, option {
    background: #000;
    color:#fff;
    padding: 10px;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Look like you need this CSS too:

.product-block .productDetails .product-quantity-input input {
    background-color: #000;
    color: #fff;
    border: 0.1px solid #fff !important;
}

Give me a thumbs up if that helped!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.