Odd Spacing on Form

[Ann]

Using GravidaPro on our site.

http://scratchboardsociety.org/resources/mentorships/

There is extra spacing for the last item in the entries on this form. It’s a very basic form, created with Contact Form 7

I don’t know if this is an issue with the form construction or how it’s being read by the theme.

Any idea how to fix that? Is it possible to have the list items arranged vertically instead of across the page?

Thank you!

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea { width:100% !important;}

Regards,
Brad

[Ann]

Thank you.

That worked on the width of the text entry boxes, but the radio buttons and checkboxes are still not aligned properly.

I figured out how to stack those options vertically, but they are right justified and I want them to be left justified.

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

.content-left span.wpcf7-list-item { float:left !important;}

Regards,
Brad

[Ann]

Perfect! Thank you!

[Forum Moderator]

Hi Ann,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/10/

Regards,
Brad

[Author]

Posts