Jump to content

CSS code to exclude a few input fields

Recommended Posts

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

screenshot.PNG

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Try changing the last CSS rule to this:

input:not([type='checkbox']) {
 width: 15px;
 height: 55px;
 }

 

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.