[greggory wParticipant]

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

[AmanMember]

Hi there,

Please add this CSS to Customizer > Custom > CSS:

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

That should help.

Thanks!

[greggory wParticipant]

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.

[greggory wParticipant]

Nm got it corrected based on what you showed me.

[AmanMember]

Thank you for contacting us!

[appcarouseldesignParticipant]

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

[appcarouseldesignParticipant]

This reply has been marked as private.

[RadModerator]

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!

[IceeyezParticipant]

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

Thank you!

[RupokMember]

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!

[Author]

Posts