form

RElouahabi
Member
Hey, This is my Hubspot form. Is there a way to reduce the spacing (highlighted in red) and make the form boxes and border white? Also making the email field longer than the first name field? image.png
 
0 Upvotes
1 Reply 1
Teun
Guide | Diamond Partner

Hi @RElouahabi ,

 

Is your form set as a 'Raw HTML form'? That way, you can apply the styling yourself.

You could use the following CSS to increase or decrease the space between the inputs:

.hs-form .form-columns-0 .input,
.hs-form .form-columns-1 .input,
.hs-form .form-columns-2 .input {
  margin-right: 0 !important;
}
.hs-form .form-columns-2 .hs-form-field {
  width: calc(100% / 2 - 0.5rem) !important; // Change 0.5rem to increase or decrease the size
  float: left;
}
@media screen and (max-width: 620px) {
  .hs-form .form-columns-2 .hs-form-field {
    width: 100% !important;
  }
}
.hs-form .form-columns-2 .hs-form-field:last-child {
  float: right !important;
}


Did my answer solve your issue? Help the community by marking it as the solution.
0 Upvotes