Jump to content

weird contact form text after hitting send

Recommended Posts

hey guys
I am currently updating my own website and i was testing out my contact form. I realized after filling out the form and hitting send, i get a weird instance where the entire contact form wording shows up without the boxes to fill it and at the bottom is my "thank you for filling out the form" message. why am i getting the entire contact form wording after hitting send??

the post submit doesn't have anything else but that thank you message i mentioned above 

it's something to do with my 2 column code and someone mentioned its the

#collection-663303ab277bab3ab56122c1{
.field-list {
display: flex;

i dont want to lose my 2 column for my form block, is there another way to fix this? 

440178376_10168870460745314_8316148775055622387_n.jpg

Link to comment
  • Replies 17
  • Views 384
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

9 minutes ago, Pally said:

#collection-663303ab277bab3ab56122c1{
.field-list {
display: flex;

Have you closed the brackets on this code in your CSS?

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) 

 Did I help? Buy me a coffee?

Link to comment

I have yes... 

this is what i have:

/* column contact */
#collection-663303ab277bab3ab56122c1{
.field-list {
display: flex;
flex-wrap: wrap;
}
/* These will be Full Width*/
.form-item:nth-child(6), .form-item:nth-child(7), .form-item:nth-child(8), .form-item:nth-child(5), .form-item:nth-child(10) {
width: 100% !important;
}
/* These Will Be Beside Each Other */
/* LEFT */
.form-item:nth-child(1), .form-item:nth-child(3) {
width: 48%  !important;
margin-right: 4%;
}
/* RIGHT */
.form-item:nth-child(2), .form-item:nth-child(4) {
width: 48%  !important;
}
}

Link to comment

Can you share your website URL so I can test it myself?

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) 

 Did I help? Buy me a coffee?

Link to comment

I'm really not sure what's going on there. It looks like you have a lot of custom coding, what happens when you disable that in safe mode?

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) 

 Did I help? Buy me a coffee?

Link to comment
34 minutes ago, Ziggy said:

I'm really not sure what's going on there. It looks like you have a lot of custom coding, what happens when you disable that in safe mode?

nothing changes. i have already removed a ton of custom coding actually, but i dont want to delete this one because i like that it gives me 2 columns 

so not sure what to do.

Link to comment
1 hour ago, Pally said:

 i have already removed a ton of custom coding actually, but i dont want to delete this one because i like that it gives me 2 columns 

Hi @Pally Ziggy means to check your site in safe mode. This will let you know if the issue is due to a script or not. You can see how to do that in this video here by sam

However, if you think the issue is from a specific piece of code, then you should test to confirm first. If you don't want to disrupt your live website, you can duplicate the page without the code, and see if that form behaves the same way.

Otherwise it is difficult to find a solution if the cause hasn't been identified yet. Let us 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


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
1 hour ago, melody495 said:

Hi @Pally Ziggy means to check your site in safe mode. This will let you know if the issue is due to a script or not. You can see how to do that in this video here by sam

However, if you think the issue is from a specific piece of code, then you should test to confirm first. If you don't want to disrupt your live website, you can duplicate the page without the code, and see if that form behaves the same way.

Otherwise it is difficult to find a solution if the cause hasn't been identified yet. Let us know how it goes!

thanks melody. yes i said above that nothing changes. the issue is from the code i pasted above. when i removed the code completely, the form works fine. 

Link to comment
47 minutes ago, Pally said:

thanks melody. yes i said above that nothing changes. the issue is from the code i pasted above. when i removed the code completely, the form works fine. 

I have tested the code you've linked in the blog post above, and I cannot reproduce the issue you are seeing. Do you have other code modifying the form?

Just for a sanity check... what is in your post submit? in the settings.

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

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


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
2 minutes ago, melody495 said:

I have tested the code you've linked in the blog post above, and I cannot reproduce the issue you are seeing. Do you have other code modifying the form?

Just for a sanity check... what is in your post submit? in the settings.

Weird. When I remove this entire code: 

/* column contact */
#collection-663303ab277bab3ab56122c1{
.field-list {
display: flex;
flex-wrap: wrap;
}
/* These will be Full Width*/
.form-item:nth-child(6), .form-item:nth-child(7), .form-item:nth-child(8), .form-item:nth-child(5), .form-item:nth-child(10) {
width: 100% !important;
}
/* These Will Be Beside Each Other */
/* LEFT */
.form-item:nth-child(1), .form-item:nth-child(3) {
width: 48%  !important;
margin-right: 4%;
}
/* RIGHT */
.form-item:nth-child(2), .form-item:nth-child(4) {
width: 48%  !important;
}
}

the form works amazingly but I lose my two columns. I did a test form submission when I removed the code and it was fine.
 

and post submit I get “thank you for filling out I’ll be in touch shortly” 

 

Link to comment
4 minutes ago, melody495 said:

I have tested the code you've linked in the blog post above, and I cannot reproduce the issue you are seeing. Do you have other code modifying the form?

Just for a sanity check... what is in your post submit? in the settings.

The other code I have is custom

font for button 

Link to comment
20 minutes ago, Pally said:

#collection-663303ab277bab3ab56122c1{
.field-list {
display: flex;
flex-wrap: wrap;
}

The display: flex is overriding the display: none which should hide the form on post submit. 

The form on my test site handles the post submit differently to yours, therefore is not affected by the side-by-side code. I'm not sure why though without looking into it further. Is it a form block issue? The way the form is set up? Other custom code? Hmm is there a new beta version of form block that you are using?

image.png.0b438b584502320d9fa178dba14822c5.png

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

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


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
3 hours ago, melody495 said:

The display: flex is overriding the display: none which should hide the form on post submit. 

The form on my test site handles the post submit differently to yours, therefore is not affected by the side-by-side code. I'm not sure why though without looking into it further. Is it a form block issue? The way the form is set up? Other custom code? Hmm is there a new beta version of form block that you are using?

image.png.0b438b584502320d9fa178dba14822c5.png

okay i removed that display:none; and i tested it out again but the form still gives me the text. so i dont think thats it.

Link to comment
Posted (edited)
11 hours ago, Pally said:

okay i removed that display:none; and i tested it out again but the form still gives me the text. so i dont think thats it. 

Hi, you shouldn't remove the display: none, as that is what should be hiding the form fields on post submit. Anyway the display: none is a Squarespace CSS, you can't remove it. Is it something else you removed?

It is difficult to diagnose from the outside. But from what can see from the outside, the display: flex is overriding the Squarespace's display: none. That might be a symptom rather than the cause, can't say for sure without looking further. 

Edited by melody495

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

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


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
1 hour ago, melody495 said:

Hi, you shouldn't remove the display: none, as that is what should be hiding the form fields on post submit. Anyway the display: none is a Squarespace CSS, you can't remove it. Is it something else you removed?

It is difficult to diagnose from the outside. But from what can see from the outside, the display: flex is overriding the Squarespace's display: none. That might be a symptom rather than the cause, can't say for sure without looking further. 

The display:none is for the auto scroll list for my portfolio. But I added it back as it didnt make a difference 

how can we look further? That’s why I posted it here as sqsp support said they cant troubleshoot code. 

anyway thanks for your help!

Link to comment
1 hour ago, Pally said:

The display:none is for the auto scroll list for my portfolio. But I added it back as it didnt make a difference 

how can we look further? That’s why I posted it here as sqsp support said they cant troubleshoot code. 

anyway thanks for your help!

Add me as a Contributor with Admin access to your website, so I can see what's going on. My email is in my signature below.

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

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


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

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.