Contact Form 7 not formating check boxes correctly. – Themeco Community

Contact Form 7 not formating check boxes correctly.

greggory w — Tue, 10 Jun 2014 05:24:30 +0000

http://collegeapply.org/homepage-4/fees/
The page contatct form check boxes have some kind of problem, its as though they are not receiving their spacing from the contact form 7 style sheet. Also tried creating a custom class with the customizer to display them as block and nothing changed. Also tried setting display:block in the stylesheet.css. Ideally I would like the block look but it is not even giving enough space between the box and the words.

Thank you
Greggory Wiley

Reply To: Contact Form 7 not formating check boxes correctly.

Aman — Tue, 10 Jun 2014 08:38:38 +0000

Hi there,

Please add this CSS to Customizer > Custom > CSS:

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

That should help.

Thanks!

Reply To: Contact Form 7 not formating check boxes correctly.

greggory w — Tue, 10 Jun 2014 18:48:40 +0000

Hey I get the idea here but the specific thing I am needing to change is the space between the label and the check box on both sides, they seem crammed together, also I would like to make they display in blocks instead of in line.

Reply To: Contact Form 7 not formating check boxes correctly.

greggory w — Tue, 10 Jun 2014 19:09:59 +0000

Nm got it corrected based on what you showed me.

Reply To: Contact Form 7 not formating check boxes correctly.

Aman — Wed, 11 Jun 2014 06:53:50 +0000

Thank you for contacting us!

Reply To: Contact Form 7 not formating check boxes correctly.

appcarouseldesign — Thu, 31 Dec 2015 09:59:30 +0000

Hi,
I was trying to do similar and I was having same issue with the radio buttons not allowing any space.I tried the code above and it didn’t work. I’m on the latest X and wp 4.3.
best
erin

Reply To: Contact Form 7 not formating check boxes correctly.

appcarouseldesign — Thu, 31 Dec 2015 10:04:57 +0000

This reply has been marked as private.

Reply To: Contact Form 7 not formating check boxes correctly.

Rad — Thu, 31 Dec 2015 11:19:17 +0000

Hi there,

Ah, you mean spacing in between each radio buttons? In that case, please remove the CSS you copied above, then add this CSS

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

Cheers!

Reply To: Contact Form 7 not formating check boxes correctly.

Iceeyez — Sun, 17 Apr 2016 20:17:49 +0000

Nice worked for me too, changed the “radio” o checkbox.

Thank you!

Reply To: Contact Form 7 not formating check boxes correctly.

Rupok — Mon, 18 Apr 2016 06:14:11 +0000

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!