Jump to content

Edit form

Recommended Posts

password: 1234 

 

Hi, 

I need to edit the form to instead of stacked it looks like this 

 

First name: ......... Last Name: ........... 

Email: ......... Date of birth: ........ 

Gender: F M D 

 

So intead of all stacked like is now, that the fields are placed next to the other. I attach a photo of how it should look 

 

 

Thanks a lot!

Barbara

Follow this as a layout guide.png

Link to comment
  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

16 minutes ago, Barbi said:

password: 1234 

 

Hi, 

I need to edit the form to instead of stacked it looks like this 

 

First name: ......... Last Name: ........... 

Email: ......... Date of birth: ........ 

Gender: F M D 

 

So intead of all stacked like is now, that the fields are placed next to the other. I attach a photo of how it should look 

 

 

Thanks a lot!

Barbara

Follow this as a layout guide.png

Can you share your site so I can take a look your current state?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 10/20/2022 at 2:08 AM, Barbi said:

I investigated and I could do it, the only thing I will need is to put the choice options next to gender. and place the word gender in the same distance as the other items, thanks!

It looks like you solved it?

image.png.6eda27cc683aebd42c604ccd495d5fbe.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/25/2022 at 6:41 AM, Barbi said:

Yes, thank you. I only need help with one thing. 

 

I need that the delivery address white box is the same length as Instagram and it is aligned to the second column. 

and for the line date of birth I need it to be aligned to Email. I attach a screenshot so it is easier. 

 

the specific page is: https://penguin-kale-s5gz.squarespace.com/easteregg 

 

Screenshot 2022-10-24 at 18.37.15 2.jpg

Screenshot 2022-10-24 at 18.37.15.jpg

Try this CSS

@media screen and (min-width:768px) {
legend.title {
    margin-left: 0;
}
legend.title {
    margin-left: 4% !important;
}
#collection-63502fe89109bc6a99b3baf3 .form-item:nth-child(5) {
    width: 51% !Important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/28/2022 at 7:39 PM, Barbi said:

Hello, 

Thank you it worked as it moved the title, I just need one thing more and it is make the white block longer so it is like the instagram one, I attach a screenshot 

 

Thanks a lot

Screenshot 2022-10-24 at 18.37.15 2.jpg

Screenshot 2022-10-24 at 18.37.15.jpg

Screenshot 2022-10-28 at 07.36.42.jpg

This code to adjust width, you can change value

#collection-63502fe89109bc6a99b3baf3 .form-item:nth-child(5) {
    width: 51% !Important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.