[appcarouseldesignParticipant]

Hi,
I was trying to do similar to https://community.theme.co/forums/topic/contact-form-7-not-formating-check-boxes-correctly/
and I was having same issue with the radio buttons not allowing any space.I tried the code

Please add this CSS to Customizer > Custom > CSS:

.wpcf7 input[type=”text”]{
margin-top:10px;
}

and it didn’t work. I’m on the latest X and wp 4.3.
best
erin

[appcarouseldesignParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for posting in and the very detailed information!

To adjust your input radio buttons in the contact form, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.wpcf7-radio .wpcf7-list-item {
    margin-left: 5px;
    margin-right: 20px;
    vertical-align: top;
}

.wpcf7-radio .wpcf7-list-item input[type="radio"] {
    margin-right: 5px;
}

Feel free to adjust number of pixels. Hope this helps.

[appcarouseldesignParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

You should remove this CSS

.wpcf7 input[type="text"]{
margin-top:10px;
}

It’s the one that causes the spaces.

Cheers!

[appcarouseldesignParticipant]

thanks so much
that worked !!

[ChristopherModerator]

You’re welcome.

[Author]

Posts