[CrystalTiffanyTanParticipant]

Hello,

I’m using Contact Form 7 plugin in my Contact Page.

1) For some reason, the “Wrap each item with label element” or “use_label_element” is not working when I use X theme. Anyway I can make this work?
2) Is there any way I can add a right padding to the checkboxes / radio elements? It is currently too close to the text.

Thank you

[CrystalTiffanyTanParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! The checkbox and radio button is already wrap in label element. It is just no styling were applied. To resolve this, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

input[type="radio"], 
input[type="checkbox"] {
    margin-right: 10px;
}

Hope this helps. Kindly let us know.

[CrystalTiffanyTanParticipant]

Thanks! It works great.

Is there a way to make the checkbox and radio button options come together in one line?
Kindly view attached screenshot as sample of what I want to achieve.

Appreciate your help!

[Rue NelModerator]

Hello There,

Thanks for updating in! Do you want something like this?

If that is the case, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

span.wpcf7-list-item {
    display: inline-block;
    margin-right: 10px;
}

Hope this helps. Please let us know how it goes.

[CrystalTiffanyTanParticipant]

Works perfectly. Thank you! 🙂

[ThaiModerator]

You’re most welcome 🙂

[Author]

Posts