Jump to content

Forms - Customize text fields

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

I am trying to customize the form towards the bottom of the page so that the city, country, and state fields are aligned horizontally instead of vertically similar to how the first and last name fields are aligned. Any help would be greatly appreciated!

Here is the link to the webpage https://www.nxtus.io/enterpriseseries

Edited by Tylor1
  • Solution
Posted

You can use this code to Website Tools > Custom CSS

div#block-64823d9d6b9c3a415139d6c1 {
	div.form-item:nth-child(3), div.form-item:nth-child(4), div.form-item:nth-child(5) {
    width: 33.333% !important;
    float: left;
}
div.form-item:nth-child(n+6) {
    clear: both;
}
}

image.thumb.png.4170378a904689a0c15401d4eb299115.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

You are a legend, mate! Works perfectly. I didn't know you could select which item in the form you want using "nth-child(#)". That will come in handy. Thank you!

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.