You are viewing limited content. For full access, please sign in.

Question

Question

Remove Padding from All Checkboxes

Forms

Updated July 24, 2024

asked on July 24, 2024

Hi All, I'm on Forms 11 using the new designer and I'm trying to remove padding from All checkboxes. Can someone me here with some CSS?

Screenshot1.png (9.45 KB)

| Download

Screenshot2.png (30.83 KB)

| Download

Screenshot3.png (3.03 KB)

| Download

0 0

Replies

replied on July 24, 2024

.checkbox will target all checkbox fields, then you should be able to change the padding to 0px with:

.checkbox div {
  padding:0px !important;}

0 0

View 1 previous reply

replied on July 24, 2024

Sorry, should have played around with testing more!

Try this:

.checkbox .option {
  padding: 0px !important;}

0 0

replied on July 24, 2024

Sorry, that didn't work either. But this did. Thanks for the guidance.

.checkbox .fl-component {
padding: 0px !important;}

0 0

replied on July 24, 2024

Strange, .option works for me, and .fl-component does not.

Either way, glad you got it sorted!

0 0

You are not allowed to follow up in this post.

Sign in to reply to this post.