Jump to content

Change background color of form block

Recommended Posts

Hello,
The code for changing the background color behind the text of a form block has stopped working on my website.

I want the color of the form to match the background color of my website, and the text to be white

The code I have in "Custom CSS", which worked before, looks like this:

.form-wrapper .field-list .field .field-element { 
border-style:solid;  
border-width:1px;  
border-color:#cccccc; 
border-radius: 0px; 
background: #0D0D0D; 
}

Link: https://www.philipslotte.se/contact

Why doesn't it work anymore?

Thanks in advance 🙂

 

Edited by Slotte
Link to comment
  • Replies 5
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

21 hours ago, mike_candor said:

They changed stuff. Try the following:

.sqs-block-form .field-list .field input, .field textarea 
border-style:solid;  
border-width:1px;  
border-color:#cccccc; 
border-radius: 0px; 
background: #0D0D0D; 
}

Yes it worked, thank you so much!
The text color is currently black, which makes it difficult to see what's written, how do I change it to: #CCCCCC ?

Link to comment
18 minutes ago, Slotte said:

Yes it worked, thank you so much!
The text color is currently black, which makes it difficult to see what's written, how do I change it to: #CCCCCC ?

Here is edited code to change the background color to #CCCCCC

.sqs-block-form .field-list .field input, .field textarea { 
border-style:solid;  
border-width:1px;  
border-color:#cccccc; 
border-radius: 0px; 
background: #CCCCCC; 
}

You just to need to change the last line of the code. 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
On 8/10/2023 at 9:05 PM, Lesum said:

Here is edited code to change the background color to #CCCCCC

.sqs-block-form .field-list .field input, .field textarea { 
border-style:solid;  
border-width:1px;  
border-color:#cccccc; 
border-radius: 0px; 
background: #CCCCCC; 
}

You just to need to change the last line of the code. 

Thank you for your help!
But I meant the color of the text that you write in the form, not the background color.

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.