Jump to content

Changing the background color for form error messages

Go to solution Solved by melody495,

Recommended Posts

  • Replies 9
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

Thanks @tuanphan However, this doesn't seem to do the trick and I'm still getting white text on red background.

Currently my Custom CSS field looks like this:
 

Quote

.header .header-burger {
  display: none !important;
}
/* Change the error message text color */
.form-item-error {
    color: blue;
}
div.field-error {
    background-color: black !important;
}

 

Link to comment
  • Solution

Hi, please share a link to your website so we can help easier

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

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment
2 hours ago, jsh0re said:

Try this in your Custom CSS instead

.sqs-block-form .form-field-error {
    background-color: black !important;
}

Let me know how it goes.

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

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment

You're welcome, glad it worked!

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

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment
7 hours ago, jcrawfy said:

Very helpful! Anyone know how to also target the little error icon color too?

Hi, please share a link to your website so we can check easier

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

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

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.