Jump to content

Customizing the placing of error code in forms 7.1

Recommended Posts

Hi,

I have costomized with code to have this type of layout for a form in Squarespace 7.1.

If you fail to enter text one of the required boxes this error code comes up, but as you can see it messes up the layout. Is there a way to costomize with code to move the red bow to the left to the top instead?

Skärmavbild 2024-03-08 kl. 16.32.15.png

Skärmavbild 2024-03-08 kl. 16.32.19.png

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL and this page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I'm not sure of a brilliant way to solve this given the way that you have set up the form, but that might help the layout without having too big an impact on the user experience:

#block-3ff59a5ab4351a64f8b3 > div > div.form-wrapper > form > div:nth-child(1) {
  display:none !important;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.