Site URL: https://flower-broccoli-62np.squarespace.com/

Hi all,

I added a bunch of code to my form and had it almost right, but I must have accidentally deleted an opening { somewhere and now I don't know where it was. Can someone help me? Here is all the code I added in.  I'm brand new to coding and trying to figure it out as I go, so I know my code is a mess. Thank you!

#collection-66dd12e181259571da85e7ac{
.field-list {
display: flex;
flex-wrap: wrap;
}

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

/* These Will Be Beside Each Other */
/* LEFT */
.form-item:nth-child(2), .form-item:nth-child(4), .form-item:nth-child(6), .form-item:nth-child(8), .form-item:nth-child(10),.form-item:nth-child(12), .form-item:nth-child(13), .form-item:nth-child(17)  {
width: 45%  !important;
margin-right: 7% !important;
}
}
/* RIGHT */
.form-item:nth-child(3), .form-item:nth-child(5), .form-item:nth-child(7), .form-item:nth-child(9),  .form-item:nth-child(11), .form-item:nth-child(14), .form-item:nth-child(15), .form-item:nth-child(16), .form-item:nth-child(18), .form-item:nth-child(19)  {
width: 48%  !important; 
}
}

@media screen and (min-width:768px) {
    fieldset#checkbox-1fb8b568-2b19-43ac-91bb-b4ab0b65f6b1 {
    position: relative;
    top: -100px;
}}

@media screen and (min-width:768px) {
    fieldset#radio-11e211aa-d66c-48d3-99ca-dd7a4cccf265 {
    position: relative;
    top: -300px;
}}

@media screen and (min-width:768px) {
    fieldset#select-e4908cba-33bf-4115-8d27-94864345d45b {
    position: relative;
    top: -70px;
  }}

@media screen and (min-width:768px) {
    fieldset#checkbox-da8d08d4-c3c7-40be-a10b-ce889e3f8385 {
    display: block !important;
  }}

@media screen and (min-width:768px) {
    fieldset#checkbox-da8d08d4-c3c7-40be-a10b-ce889e3f8385 {
    display: block !important;
}
fieldset#checkbox-da8d08d4-c3c7-40be-a10b-ce889e3f8385 .option {
    float: left !important;
    width: 45% !important;
    clear: none !important;
    margin-bottom: 10px;
}}

// Removed Required Text //
.form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required {
  visibility: hidden;  
}

// Add Asterisk //
.form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before {
  visibility: visible;  
  content: "*"; 
  }}

Hi,

I went ahead and cleaned your CSS, which is actually Less CSS code.

#collection-66dd12e181259571da85e7ac {
    .field-list {
        display: flex;
        flex-wrap: wrap;
    }

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

    /* These Will Be Beside Each Other */
    /* LEFT */
    .form-item:nth-child(2),
    .form-item:nth-child(4),
    .form-item:nth-child(6),
    .form-item:nth-child(8),
    .form-item:nth-child(10),
    .form-item:nth-child(12),
    .form-item:nth-child(13),
    .form-item:nth-child(17) {
        width: 45% !important;
        margin-right: 7% !important;
    }
}

/* RIGHT */
.form-item:nth-child(3),
.form-item:nth-child(5),
.form-item:nth-child(7),
.form-item:nth-child(9),
.form-item:nth-child(11),
.form-item:nth-child(14),
.form-item:nth-child(15),
.form-item:nth-child(16),
.form-item:nth-child(18),
.form-item:nth-child(19) {
    width: 48% !important;
}

@media screen and (min-width:768px) {
    fieldset#checkbox-1fb8b568-2b19-43ac-91bb-b4ab0b65f6b1 {
        position: relative;
        top: -100px;
    }
}

@media screen and (min-width:768px) {
    fieldset#radio-11e211aa-d66c-48d3-99ca-dd7a4cccf265 {
        position: relative;
        top: -300px;
    }
}

@media screen and (min-width:768px) {
    fieldset#select-e4908cba-33bf-4115-8d27-94864345d45b {
        position: relative;
        top: -70px;
    }
}

@media screen and (min-width:768px) {
    fieldset#checkbox-da8d08d4-c3c7-40be-a10b-ce889e3f8385 {
        display: block !important;
    }
}

@media screen and (min-width:768px) {
    fieldset#checkbox-da8d08d4-c3c7-40be-a10b-ce889e3f8385 {
        display: block !important;
    }

    fieldset#checkbox-da8d08d4-c3c7-40be-a10b-ce889e3f8385 .option {
        float: left !important;
        width: 45% !important;
        clear: none !important;
        margin-bottom: 10px;
    }
}

// Removed Required Text //
.form-wrapper .react-form-contents .field-list .title .required,
.form-wrapper .react-form-contents .field-list .fields .description.required {
    visibility: hidden;
}

// Add Asterisk //
.form-wrapper .react-form-contents .field-list .title .required:before,
.form-wrapper .react-form-contents .field-list .fields .description.required:before {
    visibility: visible;
    content: "*";
}

If you have multiple lines of code I recommend you a Code Editor to work locally on your computer.
They have a "pretify" option that makes the code easier to read. If they don't have by default that function they have for sure plugins for that.

There are tools like https://lesscss.org/less-preview/

THANK YOU so, so much! That really helped clean it up. I will definitely check out the Code Editor you suggested!

Would you be able to fix a few minor other things for me that have been driving me crazy the last couple of days? See screenshots for visual explanation.

1) Move "Link to Pinterest/Houzz board" field up to have a smaller gap under the field that sits above it. I want it to have the same amount of space in between as in the other fields.  

2) Move the "What is your total estimated budget" field up to align with the "Link to Pinterest board" field.

3) "Have you ever worked with a professional interior decorator?" should be moved over to the right a bit to align with the rest of the column.

4) There is a huge gap between that field and the field below it and I want this spacing to be the same as in the rest of the form. I was thinking of moving "How did you hear about me?" field to sit above "If other, please specify?"  

5) moving "is there anything else you'd like to add" over to the right column so both columns have more equal spacing.

Thank you again for your help!

Great!

Can you send the password to see the site? Not your account pw, the one to view the page.

Sure. 

pw is bedford

if it doesn't open with the fake squarespace page title, my real site is www.jordanarossinteriors.com

Thanks!

@sorca_marianHey, just checking if the password worked for you? Thank you again!

Hey @Jordana,

I am very busy atm and will try to solve this in the next days.
Yes, the password works

Sure thing! Thank you