Jump to content

Change form input colour for greyed out areas

Go to solution Solved by tuanphan,

Recommended Posts

I have searched high and low and even tho the latest form settings changes are great for changing colours and form types etc.

I am having issues with greyed out text altho the input colour is set to white. As you can see 3 different types of colours in 1 form.

I have tried css code from this forum but nothing is budging. Thanks in advance.

Screenshot 2023-10-26 at 3.30.10 pm.png

Link to comment

Your website please?

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

🙋‍♀️Techy SquareSpace Developer for all your customisation needs #CSS #html #javascript

✉️ Email me

💻Soft launch

https://www.melodylee.tech/
A software developer in an artist body that knows how marketing works.
UK based, work globally

#neverstoplearning
 
I like coffee 😊

Link to comment

You can use this CSS code (Website Tools > Custom CSS)

div.form-block textarea, div.form-block textarea::placeholder {
	color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • Solution
On 10/30/2023 at 5:53 AM, catalienne said:

Thank you @tuanphan, that worked for the message field but other two light white, is that normal?

Screenshot 2023-10-30 at 9.52.13 am.png

Use new code, if it doesn't work, please share page url, we can check easier

div.form-block textarea, div.form-block textarea::placeholder, div.form-block input, div.form-block input::placeholder {
	color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/3/2023 at 1:53 PM, tuanphan said:

Use new code, if it doesn't work, please share page url, we can check easier

div.form-block textarea, div.form-block textarea::placeholder, div.form-block input, div.form-block input::placeholder {
	color: white !important;
}

 

Thank you so much @tuanphan that worked beautifully!!

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.