AzouCAVUK Posted February 26, 2022 Share Posted February 26, 2022 Site URL: http://www.catchavibeuk.com/landing-page Hello! I am currently trying to edit the size of a form I created on my landing page. I have put a piece of code to edit the width and height of the form blocks but I would like the tickbox to not be affected by this. At the moment the tickbox is above the description text but I want them to be aligned. The current code is as follows: form { width: 300px; height: 400px; margin: auto; position: relative; } /* Form fields space */ .form-wrapper .field-list .field { margin-bottom: 3px; } input { width: 15px; height: 55px; } How can I exempt the tick box? Greg Link to comment
Caroline_Smith Posted February 27, 2022 Share Posted February 27, 2022 Try changing the last CSS rule to this: input:not([type='checkbox']) { width: 15px; height: 55px; } Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator 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