contact form - Acme Themes

This topic has 1 reply, 2 voices, and was last updated 5 years, 7 months ago by acmesupports.

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

Author

Posts
August 17, 2017 at 6:56 pm #19672

Emida
Participant

Hi,

I’m trying to make the contact form look the same as the demo. I’m using Contact form 7.

On my site all the fields are stacked on top of each other but on the demo the first three fields are placed horizontally on top of the “message” field.

Please let me know what I can do to match it.

Thanks!

Home Page

August 18, 2017 at 7:23 am #19686
acmesupports
Moderator
Hello

Thank you so much for using our theme. Please replace the code of contact form 7 with the below codes, it will solve the problem. Let us know if the problem is solve or not. For more help, see this screenshot.
```
<div class="form-group">
    <div class="col-sm-4">
        <p>Your Name (required)<br />
            [text* your-name] </p>
    </div>
    <div class="col-sm-4">
        <p>Your Email (required)<br />
            [email* your-email] </p>
    </div>
    <div class="col-sm-4">
        <p>Subject<br />
            [text your-subject] </p>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <p>Your Message<br />
            [textarea your-message] </p>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <p>[submit "Send" class:btn class:btn-primary class:outline-outward class:banner-btn class:init-animate class:fadeInUp]</p>
    </div>
</div>
```
Hope, this will solve the problem.

Regards
Author

Posts

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

You must be logged in to reply to this topic.