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

Form-Field-Text color and background


SolveigTraeet

Question

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

10 answers to this question

Recommended Posts

  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

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!
 

Code queen and CSS behind InsideTheSquare.co

😃 Free CSS tutorials: insidethesquare.co/tutorials-for-squarespace
🥳 Free 7.1 training course: itssevenone.com/training
👍 CSS Cheat Sheet - codes for 7 & 7.1: insidethesquare.co/css
📚 CSS for Squarespace course: customcodeacademy.com

Link to comment
  • 0

@SolveigTraeet If you share link to page where you use contact form. We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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