Yonah – Theme Documentation

Contact form

Contact form

Here is the Contact Form 7 template and source code for the Contact form.

To edit this form go to Contact> then edit your targeted form

Yonah contact form:

<div class="row mb-4">
        <label class="col-sm-3 col-form-label text-secondary fw-semibold">Your name</label>
        <div class="col-sm-9">
            [text* text-877 autocomplete:name class:form-control]
        </div>
    </div>
    <div class="row mb-4">
        <label class="col-sm-3 col-form-label text-secondary fw-semibold">Email</label>
        <div class="col-sm-9">
            [email* email-344 class:form-control]
        </div>
    </div>
    <div class="row mb-4">
        <label class="col-sm-3 col-form-label text-secondary fw-semibold">Telephone</label>
        <div class="col-sm-9">
            [tel* tel-748 class:form-control]
        </div>
    </div>
    <div class="row mb-4">
        <label class="col-sm-3 col-form-label text-secondary fw-semibold">Subject</label>
        <div class="col-sm-9">
            [text text-799 class:form-control]
        </div>
    </div>
    
    <div class="row mb-4">
        <label class="col-sm-3 col-form-label text-secondary fw-semibold">Your Message</label>
        <div class="col-sm-9">
            [textarea* textarea-68 class:form-control]
        </div>
    </div>
    <div class="row mb-0">
        <label class="col-sm-3"></label>
        <div class="col-sm-9">
            <button type="submit" class="btn btn-primary bg-success text-secondary hover">
                Submit Now
                <i class="flaticon-right-arrow"></i>
            </button>
        </div>
    </div>