Jump to content

Form-Field-Text color and background

Recommended Posts

How do I make the form-field-text in a contact form/newsletter form a different color than black. I changed all the background colors to black, this has made all the form-field-text disappear in the background.
I also want the form-field backgrounds to stay black, now while typing it turns to white. 
 Can anyone help me?
 

Link to comment
  • Replies 10
  • Views 2.9k
  • Created
  • Last Reply
53 minutes ago, SolveigTraeet said:

How do I make the form-field-text in a contact form/newsletter form a different color than black. I changed all the background colors to black, this has made all the form-field-text disappear in the background.
I also want the form-field backgrounds to stay black, now while typing it turns to white. 
 Can anyone help me?
 

Kindly share your site url

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Hey @SolveigTraeet  😀 If you are using the built in newsletter bock for squarespace, this code will change the color of the "input text" 

.sqs-block-newsletter input {color:red!important}

And this code will change that placeholder text that says "email address"

.newsletter-form-field-element::placeholder {color:red!important}

Just change red in the example above to the color name or color code you want to see. Hope that helps; let me know how it goes!
 

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment

@inside_the_square @tuanphanHi again! I was wondering if either of you could help me: the form field still turns white, when I choose something from the pop up list of choices. Can you help me fix this (so that the form field stays black), can I also make the appearing pop-up list be black, with other text color, so it matches my site?

This happens both on my newsletter form and my contactform.

password: home

url: https://caper-badger-3s6d.squarespace.com/news

url: https://caper-badger-3s6d.squarespace.com/contact

 

Bilde_2021-01-07_141709.png

Link to comment
20 hours ago, SolveigTraeet said:

@inside_the_square @tuanphanHi again! I was wondering if either of you could help me: the form field still turns white, when I choose something from the pop up list of choices. Can you help me fix this (so that the form field stays black), can I also make the appearing pop-up list be black, with other text color, so it matches my site?

This happens both on my newsletter form and my contactform.

password: home

url: https://caper-badger-3s6d.squarespace.com/news

url: https://caper-badger-3s6d.squarespace.com/contact

 

Bilde_2021-01-07_141709.png

Looks fine here. Do you still need help?

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
On 1/8/2021 at 8:11 PM, SolveigTraeet said:

@tuanphan Yes I need help, as the picture above shows, when I type it is ok, but when I choose an email/name from the white pop up list, my form fields turn white. Can you help?

I also want the pop up list to be black, with different text color. 

I just checked again. I think it is a feature of browser. You can't edit it.

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.