Jump to content

Customize Drop Down Option in Form

Go to solution Solved by tuanphan,

Recommended Posts

Hi!

password: trophyclub

I created and slightly customized the Contact form (found at the very bottom of the site). However when I customized the color of the field forms, the option dropdown field remains white. I'm hoping to change it to the custom color (#F8F6EE ). I would also like the height/size of that dropdown field to match the rest of the field heights, as opposed to be so thin. Thank you! 

Screen Shot 2023-03-22 at 11.40.31 AM.png

Link to comment
  • Replies 7
  • Views 992
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 3/29/2023 at 6:57 PM, kaydotjpg said:

@tuanphan

The url is: 

https://sturgeon-herring-dtyp.squarespace.com/

password: trophyclub

Add to Design > Custom CSS

form select, form-select option {
    background-color: #f8f6ee !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
  • 2 months later...
16 hours ago, pexeldio said:

Hi there,

is it possible to change the arrow of drop down filed. also how to reduce the filed spacing? here is the website link: https://rabbit-broccoli-4kem.squarespace.com/ pass: 123

image.png.322731410530886b73d79e7e8fde00a8.png

It already fine to me

image.thumb.png.1e1849f5d0ae9b253ef06f1f111be4e6.png

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 weeks later...
On 7/21/2023 at 2:31 AM, ssuser819 said:

Hi! How do I change the weight of the drop down arrow to match the rest of my lines? (1px)  Or could I change it to the plus sign arrow instead?

 

 

image.png

image.png

Can you share link to this page? We can check easier

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

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.