Form: Changing the size of the checkboxes of a form

[petras]

Hello, would like to change the size of a form´s checkboxes.

If somebody knows how to do it I would be thankful for an answer.

Best regards,

Petra

[tjoyce · Accepted solution]

Be careful when changing the size of checkboxes, since most newer browsers will support this code, you will see some inconsistencies.

.hs-form input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

---

tim@belch.io

[petras]

Hi thanks so much for your quick answer, enlarging the checkbox functions but they are shown now quite big.

Is there a possibility to scale them less and to do some padding. I see that you included some padding - maybe it is - as you write the browser which does not show it properly.

[vin-aws]

Scale it less? Then reduce the number 2.0 to something smaller...

[petras]

All right, thanks so much, did not know that I can use the numerical values with comma in this case. Thanks to both of you!

[tjoyce]

If you want some more precise css, just post a preview link for us to play with the code a bit.

---

tim@belch.io

[petras]

Hi Tim,

thanks so much for your reply, I really appreciate it. In this case I could sove it quite well, but I really would like to ask you if you can check another question: https://community.hubspot.com/t5/Content-Design-Questions/Edit-form-field-text-color/m-p/194847 I would be really greatful.

Best regards,

Petra