CODEWITHSUNDEEP
htmlcsswordpressforms
AMC
AMC

Reputation: 1695

WordPress 'Contact Form 7' form generating inconsistent fields

I've used the WordPress plugin Contact Form 7 to create a very simple questionnaire. Upon reviewing the final output, I've noticed that two fields (Your Birthday, Your Email) are (seemingly randomly) generated incorrectly - they seem to be stacked on top of one another.

The form can be viewed here.

I've not really done any custom styling here, and I didn't see any obvious inconsistencies in Firebug, so I can't imagine what is causing the trouble?

Upvotes: 0

Views: 90

Answers (2)

teemo
teemo

Reputation: 51

Check your HTML structure. The way you're currently doing them isn't that great. Try:

<p> Name </p>
<p> Form input here </p>

instead of using lots of
tags, and make sure you are clear: both; ing the p tags so all p tags take up one line.

Upvotes: 0

dardar.moh
dardar.moh

Reputation: 6725

By Firebug I modify this CSS,

.your-name, .your-email {
    float: left;
    width: 365px;
    margin-bottom: 3px;
}

by

.your-name, .your-email {
    width: 365px;
    margin-bottom: 3px;
}

That's to mean I remove float:left, and the form looks great. So you have the clear the float.

Here is the final result: picture.

Upvotes: 1

Related Questions