Okay
  Public Ticket #1388214
contact form
Closed

Comments

  •  1
    Carrie started the conversation
    December 1, 2017 at 3:23am

    Hi, my contact form looks nothing like the demo - its a very basic generic looking form...How do I get the look of the demo contact form?

    Also, it only stretches to 1/3rd of the page, despite being in a full row. I've tried some code:

    .wpcf7 input.wpcf7-text { width: 100%; } 
    .wpcf7 textarea.wpcf7-textarea { width: 100%; } 
    .wpcf7-form textarea { height: 200px; }

    in the CSS but it made no difference.

    Can you please advise a solution?

    Regards

  •  2,010
    Ocean replied
    December 1, 2017 at 10:08am

    Hi,

    Please copy this code to your contact form

    <div id="contact_form" class="padding30" data-bgcolor="#f5f5f5">
         <h3>Send Us Message<span class="tiny-border"></span></h3>
    <div class="row">
        <div class="col-md-12">
            <div id="name_error" class="error">Please enter your name.</div>
            <div>
                [text* your-name class:form-control placeholder "Your Name"]
            </div>
            <div>
                [email* your-email class:form-control placeholder "Your Email"]
            </div>
            <div>
                [tel your-phone class:form-control placeholder "Your Phone"]
            </div>
            <div>
                [textarea* your-message class:form-control placeholder "Your Message"]
            </div>
        </div>
        <div class="col-md-12">
            <div id="submit">
                [submit class:btn class:btn-line "Submit Form"]
            </div>
        </div>
    </div>
</div>
  •  1
    Carrie replied
    December 3, 2017 at 12:38am

    Thank you. That has provided a great solution.

    Regards