Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1298866
Contact FOrm
Closed

Comments

  • velvetpr started the conversation
    September 11, 2017 at 4:47am

    HI I am trying to create the contact form in the two colours that you can see here

    http://preview.themeforest.net/item/savory-a-beautiful-restaurant-wordpress-theme/full_screen_preview/18360134?_ga=2.3711216.1509077647.1505015641-953492821.1504803475


    How can I replicate this?

  • velvetpr replied
    September 11, 2017 at 7:01am

    Sorry i mean to say "Columns"

  •  1,845
    Elated replied
    September 12, 2017 at 7:32am

    Hello there,

    Thank you for choosing our theme and writing in.

    If you are referring to this Reservation form http://savory.elated-themes.com/reservations-ii/ it has to be built using Contact Form 7 plugin, so please make sure you install that plugin before doing next steps.

    After you install plugin, just create a new contact form in Contact > Add New https://www.screencast.com/t/z5yrV07gi and just in it's editor paste this code:

    <div class="eltd-two-columns-50-50 clearfix">
    <div class="eltd-two-columns-50-50-inner">
    <div class="eltd-column">
    <div class="eltd-column-inner">
    [text* first-name placeholder "Name*"]
    </div>
    </div>
    <div class="eltd-column">
    <div class="eltd-column-inner">
    [tel* telephone 20/30 placeholder "Phone*"]
    </div>
    </div>
    </div>
    </div>
    <div class="eltd-two-columns-50-50 clearfix">
    <div class="eltd-two-columns-50-50-inner">
    <div class="eltd-column">
    <div class="eltd-column-inner">
    [date* your-date min:2016-01-01 max:2060-12-31 placeholder "DD / MM / YY*"]
    </div>
    </div>
    <div class="eltd-column">
    <div class="eltd-column-inner">
    [text* time placeholder "Time*"]
    </div>
    </div>
    </div>
    </div>
    <div class="eltd-two-columns-50-50 clearfix">
    <div class="eltd-two-columns-50-50-inner">
    <div class="eltd-column">
    <div class="eltd-column-inner">
    [number* seats placeholder "Seats*"]
    </div>
    </div>
    <div class="eltd-column">
    <div class="eltd-column-inner">
    [email* email placeholder  "E-mail*"]
    </div>
    </div>
    </div>
    </div>
    <p>[textarea notes 40x5 placeholder "Notes"]</p>
    <p>[submit "RESERVE"]</p>

    so it looks like this https://www.screencast.com/t/gnJTC6pHqZKs .

    Than save contact form and make sure that you use created contact form in desired page using Contact Form element in Visual Composer https://www.screencast.com/t/sB24VmxhOe .

    Please let us know if this solved the issue and if there is anything else we can do for you.

    Thanks.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.