[marcofama]

Hey guys,

I’m experiencing a visual issue with the checkbox alignment inside the form. As you can see, the checkmark inside the box is rendered too high, creating an unpleasant visual effect.

I’ve tried adding the following custom CSS as a quick fix, but unfortunately it didn’t resolve the issue:

input[type=”checkbox”] {
vertical-align: middle;
}

Could you please investigate and advise on how to correct the vertical positioning of the checkmark inside the checkbox?

Thank you for your help!

Best regards,
Marco

[marcofama]

Anyone on this? thanks

[serkan]

Hi,
Could you please try to use this custom css code;

input[type=checkbox]:before { transform: rotate(0deg) translate(0em, 0em) !important; }

Thanks

[marcofama]

I’m sorry serkan but not sure if you tried it on your end, but this doesn’t do anything… please see this
https://d.pr/i/dog6f2

thanks

[serkan]

Hi,
I gave it to you because I was sure this code worked. Now I tested it and it works. Maybe you forgot to close the brackets somewhere in the code. Can you try typing this code on the top line?
Thanks

[marcofama]

hey serkan, you are right and that’s weird – placing it at the top makes it work!
unbelievable… ok thank u a lot!

[serkan]

Hi, Please check your custom css code box. You must have forgotten to close the parenthesis somewhere. This invalidates all subsequent codes.
Thanks