Contact form CSS Styling

Hello,

Please scroll to the bottom of the page to see my contact form. I need to make Email + Phone number to be on the same line, and Arrival Date and Departure Date fields on the same line.

Could you please help with CSS code for this. Thank you very much in advance!

Hi,

Can you share link to page where you use Contact Form?

Hello, Sorry Idk why I missed this message. 

Here is the page with my contact form: https://almaphuket.squarespace.com/encanto if you scroll to the bottom, the section right above footer.

If possible for email + phone number to be on the same line, and Arrival Date and Departure date to be on the same line? Thank you very much.

Ly

On 3/5/2023 at 8:25 AM, lylynguyen said:

Hello, Sorry Idk why I missed this message. 

Here is the page with my contact form: https://almaphuket.squarespace.com/encanto if you scroll to the bottom, the section right above footer.

If possible for email + phone number to be on the same line, and Arrival Date and Departure date to be on the same line? Thank you very much.

Ly

Add to Design > Custom CSS

/* Contact form */
@media screen and (min-width:768px) {
.fe-63f09bcad300d87cd29b68c9 {
.form-wrapper .field-list>*:nth-child(n+2) {
    float: left !important;
    width: calc(~"50% - 20px");
}
.form-wrapper .field-list>*:nth-child(2), .form-wrapper .field-list>*:nth-child(4) {
    margin-right: 20px;
}}}

How can I customize the form to form input fields to be centered? My text and button are cenetred but just the fphone number inputs are to the left still. 

On 4/7/2023 at 12:48 AM, PaigeWalker said:

How can I customize the form to form input fields to be centered? My text and button are cenetred but just the fphone number inputs are to the left still. 

Can you share link to this page? We can check easier