Reduce padding between checkbox and checkbox label

Support
#1

How do I reduce the padding between the checkbox and checkbox label on wpcf7? On my Donate page, I want less space between Voluntary Support and Contributor. I also want to add a space between the checkbox and the items (for example, a space between the checkbox and contributor, a space between checkbox and sponsor, etc.)

Your help is appreciated.

#2

Hi @eutaw,

Thanks for writing in.

Between your Voluntary Support and Contributor, I could see a <br> that is why it has a huge space. Remove the br so that it will not have a huge space. I have remove it for you.

Add this in your Custom CSS to add space in your Checkbox:

.page-id-45 form.wpcf7-form .wpcf7-list-item{
margin-bottom: 5px;
}

Let us know how it goes.

Thanks.

#3

Thank you for removing the
.

The CSS didn’t work. Actually, I already had the margin-bottom set to 5px. What I want is more space between the checkbox and the listed item. For example, the checkbox looks like []Contributor and I want it to look like [] Contributor. I want more space between each checkbox and the listed item.

#4

Hi,

You add margin right to your checkbox.

eg.

.wpcf7 input[type="checkbox"] {
   margin-right:20px;
}

Hope that helps.

#5

That works. Thank you.

#6

Glad we were able to help :slight_smile: