This topic is: resolved

Contact Form 7 styling

  • Avatarimc67
    Participant
    Post count: 30
    # 1 year, 6 months ago

    Hi,

    I was looking for solutions to style our contact forms, most of what I wanted I was able to find on these forums. One thing not: how to make a field 100% and responsive?

    These are the things I already have, I’m curious for the solution:

    <div class="row">
    <div class="col-md-12">
    <label> Naam (*)
        [text* form-naam] </label>
    </div>
    </div>
    <div class="row">
    <div class="col-md-12">
    <label> Straat (*)
        [text* form-straat] </label>
    </div>
    </div>
    <div class="row">
    <div class="col-md-3">
    <label> Postcode (*)
        [text* form-postcode size:12] </label>
    </div>
    <div class="col-md-9">
    <label> Woonplaats (*)
        [text* form-woonplaats] </label>
    </div>
    </div>
    <div class="row">
    <div class="col-md-3">
    <label> Telefoonnr. (*)
        [tel* form-telefoonnummer size:12] </label>
    </div>
    <div class="col-md-9">
    <label> E-mail (*)
        [email* form-email] </label>
    </div>
    </div>
    <div class="spacer-10"></div>
    <div class="row">
    <div class="col-md-12">
    <label> Opmerkingen
        [textarea form-opmerkingen] </label>
    </div>
    </div>
    <div class="spacer-10"></div>
    <div class="row">
    <div class="col-md-12">
    [submit class:btn class:btn-primary class:btn-lg class:btn-block "Ja, ik wordt vriend"]
    </div>
    </div>
    <div class="spacer-10"></div>
    AuthorAuthor
    Keymaster
    Post count: 26675
    # 1 year, 6 months ago

    Hi there

    I would be happy to setup up for you. Would you mind sharing your website URL and wp-admin credentials here in a private reply for me to work on?

    Thanks

    Avatarimc67
    Participant
    Post count: 30
    # 1 year, 6 months ago

    Hi there,

    I would really like to learn it myself, is it css customization?

    Kind regards,

    Marcel

    AuthorAuthor
    Keymaster
    Post count: 26675
    # 1 year, 6 months ago

    I need to check how it is looking currently as I see custom classes is being used in the form for columns so they need to change as well. Only css customization can’t do it. Thanks

    Avatarimc67
    Participant
    Post count: 30
    # 1 year, 6 months ago
    This reply has been marked as private.
    AuthorAuthor
    Keymaster
    Post count: 26675
    # 1 year, 6 months ago

    Thanks for the info. I just made the changes required for your form. Thanks

    Avatarimc67
    Participant
    Post count: 30
    # 1 year, 6 months ago

    wow! great, thank you very much!

    AuthorAuthor
    Keymaster
    Post count: 26675
    # 1 year, 6 months ago

    Welcome 🙂

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

The topic ‘Contact Form 7 styling’ is closed to new replies.