WordPress.org

Forums

Contact Form 7
Name, Email, Subject wont align (2 posts)

  1. ameliemett
    Member
    Posted 1 year ago #

    The Name, Email and Subject boxes on the contact form wont align. Each field is half a step below the previous one. How can this be changed so that they are in line? You can see the problem here: ameliemettenheimer.com

    Thanks.

  2. buzztone
    Member
    Posted 1 year ago #

    This is due to styling applied in your themes style sheet at http://www.ameliemettenheimer.com/wp-content/themes/WhiteOut/style.css?ver=3.6

    Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

    Also good idea to target CSS classes & ids used within your CF7 forms only, so that your CSS changes don't inadvertantly effect other elements on your website.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic