Odd Spacing on Form

[AnnMemberTopics: 4Replies: 9Total: 13 Member since: January 11, 2016]

Using GravidaPro on our site.

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 ModeratorParticipantTopics: 0Replies: 21144Total: 21144 Member since: August 16, 2013]

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

[AnnMemberTopics: 4Replies: 9Total: 13 Member since: January 11, 2016]

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 ModeratorParticipantTopics: 0Replies: 21144Total: 21144 Member since: August 16, 2013]

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

[AnnMemberTopics: 4Replies: 9Total: 13 Member since: January 11, 2016]

Perfect! Thank you!

[Forum ModeratorParticipantTopics: 0Replies: 21144Total: 21144 Member since: August 16, 2013]

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