Auto spacing after text boxes?

  • I can’t get the form to single space. This only happens after text boxes however. If I have a telephone text box or a date box for example, they single space. It is almost like the form automatically inserts the </br> after text boxes.

    Here is my form.

Viewing 2 replies - 1 through 2 (of 2 total)

  • The following CSS in https://thecedarsrc.com/wp-content/themes/attitude/style.css appears to be the cause of your problem:

    input[type="text"], input[type="email"], input[type="password"], textarea {
    background-color: #f9f9f9;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    line-height: 20px;
    margin: 0 0 30px;  /* This appears to be the cause of your problem */
    padding: 10px;
    width: 100%;
}

    ????

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter csice

    (@csice)

    Unfortunately, I am not all that knowledgeable about CSS; however, I appreciate your answer.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Auto spacing after text boxes?’ is closed to new replies.