Edit form

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

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

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

https://penguin-kale-s5gz.squarespace.com/ 

Sorry! 

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!

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?

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 

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 

 

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;
}
}

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

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

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

This code to adjust width, you can change value

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