Jump to content

CSS CUSTO for FORM

Recommended Posts

  • Replies 1
  • Views 348
  • Created
  • Last Reply
On 12/16/2020 at 10:33 PM, JulieStamenic said:

Site URL: https://www.juliestamenic.com/pre-orders

Dear all !

Could anyone help me with the css of this form to make sure the 3 "How many version of english, french and spanish" are one next to the other instead of each under each other. 

Another thing, how can I make the selection box a little bigger? Just 2 cm instead of 0.5 like now..

Thanks a million
Julie 

Screen Shot 2020-12-16 at 16.32.55.png

#block-fe34cf44c50ac20f0555 .select:nth-last-child(3),
#block-fe34cf44c50ac20f0555 .select:nth-last-child(2),
#block-fe34cf44c50ac20f0555 .select:nth-last-child(1) {
      width: 33.33%;
      float: left;
      padding-left: 10px;
      box-sizing: border-box;
}
#block-fe34cf44c50ac20f0555 .select:nth-last-child(3) select,
#block-fe34cf44c50ac20f0555 .select:nth-last-child(2) select,
#block-fe34cf44c50ac20f0555 .select:nth-last-child(1) select {
      width: 100%;
}

This will only work if the last 3 fields are the select box like currently

image.thumb.png.18f4937317d2fd3e4631dd6fd9816a0d.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.