My form is not styled right, help! =)

I added a form to my side bar widget in Wordpress and the fields are over lapping and the Send button is at the top and not under the form. What can I do?
Who is Participating?
Jason C. LevineConnect With a Mentor No oneCommented:
Hi jbrashear72,

In default.css there are the following entries:

.aside input {
    background: url("../../images/bg-news.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 26px;
    padding-left: 5px;
    position: absolute;
    top: 25px;
    width: 200px;

.aside, .aside input {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px;

The position: absolute is what is causing the most visible issue.  Once you remove that, you'll still have some minor issues with the form, but those are also easily correctable via the CSS.

Generally, when you use a plugin to create a widget with a form, the widget is going to inherit styles from both the theme and the form plugin specific stuff.  This can cause a CSS conflict in the widget with the results you saw.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.