JulieStamenic Posted December 16, 2020 Share Posted December 16, 2020 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 Beyondspace 1 Link to comment
Beyondspace Posted December 20, 2020 Share Posted December 20, 2020 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 #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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment