Jump to content

Is there a way to move the position of the section description on a contact form?

Go to solution Solved by shiDMV,

Recommended Posts

  • Replies 6
  • Views 627
  • Created
  • Last Reply

Top Posters In This Topic

7 hours ago, tuanphan said:

For all fields or only: phone, venue name,..?

Thanks for your response!

I only need it for the fields that have “(optional)” under the title, but if its easier to move all of them then I’m okay with that as well.

Link to comment

Okay, so I was able to move the description fields to the location that I wanted for the most part (phone field is wrong). The main problem I am having now is that it also moved the selection fields.

1716583593_ScreenShot2022-05-02at7_24_04PM.thumb.png.e253a715c55d99f7e605e1f7563ba2f3.png

Anyone know how to fix this so that it only moves the description fields?

Here's the css I wrote to solve this issue:

.form-wrapper .field-list .title, .form-wrapper .field-list .description { 
  display: inline-block;
}
Edited by shiDMV
Link to comment
  • 1 month later...
  • Solution
On 5/2/2022 at 7:28 PM, shiDMV said:

Anyone know how to fix this so that it only moves the description fields?

Found a fix to this issue. See the updated solution below:

211059735_ScreenShot2022-06-05at10_46_58PM.thumb.png.a744f5cfd6129614fb9e02f3b4a56595.png

/* Move Description - Add To Design > Custom CSS */
#Collection-ID {
.form-wrapper .field-list .title, .form-wrapper .field-list .description {
    display: inline;
  }
  	select {
      display: block;
  }
  	.form-item.fields.phone {
    .description {
    float: left;
    margin-left: 119px;
    margin-top: -33px;
    margin-bottom: -300px;
  }
}
Edited by shiDMV
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.