Jump to content

Contact name field is stacked... help to get them side by side. Also to remove the footer notes under the fields please.

Recommended Posts

Hello, 

I need help getting the name field in my contact block to stay side by side... I have tried to use this CSS but nothing seems to be working to get the name fields to rearrange next to each other. I also would need help with the button padding to make it longer 🙂 I will be attaching what I have so far and what I designed on XD.

This is the CSS I tried using:

#COLLECTIONID{
.field-list {
display: flex;
flex-wrap: wrap;
}

/* These will be Full Width*/
.form-item:nth-child(1), .form-item:nth-child(2), .form-item:nth-child(3) {
width: 100% !important;
}
 

Screenshot 2022-11-16 164141.png

Screenshot 2022-11-16 164354.png

Link to comment
Quote

I need help getting the name field in my contact block to stay side by side

There have been a couple of reports about a similar issue to yours. Apparently it only occurs when editing the site not when your site is being visited. Try visiting your site via Private browsing.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

The form looks fine on the incognito window... thanks for that!

Hopefully SS will fix the backend issue soon.

If you have a moment it would be worth contacting Customer Support and reporting this bug. The more folks that chime in, the more likely SS will float the issue up their lists. Also you might want to stress that this is a new bug and there was no issue prior to this day.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.