Support » Plugin: Contact Form 7 » New lines in Contact Form 7

  • Hello,
    I’ve created a new contact form and have tried everything I can think of (having searched various solutions) to move a section of the form to the next line. I want to move the radio buttons for ‘My emergency contact…’ down to the next line, and also the ‘Send’ button.
    I’ve managed this without code and just by pressing enter in my other Contact 7 forms, but not in this one. I’ve tried <p> and <br/> tags. I usually don’t work with HTML, I only tweak a bit of code occasionally through CSS.
    Please can anyone help? See form template below:
    Many thanks in advance 🙂

    Your Details
    <div class=”form-contact custom-placeholder”>
    <div class=”row”>
    <div class=”col-sm-6″>[text* your-name placeholder “Your full name”]</div>
    <div class=”col-sm-6″>[text* Country placeholder “Country of residence”]</div>
    <div class=”col-sm-6″>[email* your-email akismet:author_email placeholder “Your email address”]</div>
    <div class=”col-sm-6″>[tel* Mobiletelephone placeholder “Your mobile telephone (inc. country code)”]</div>

    Your Emergency Contact Details
    <div class=”col-sm-6″>[text* EC:fullname placeholder “Emergency contact: full name”]</div>
    <div class=”col-sm-6″>[text* EC:relationship placeholder “Emergency contact: relationship to you”]</div>
    <div class=”col-sm-6″>[text* EC:country placeholder “Emergency contact: country of residence”]</div>
    <div class=”col-sm-6″>[email* EC:email placeholder “Emergency contact: email address”]</div>
    <div class=”col-sm-6″>[text* EC:mobile placeholder “Emergency contact: mobile telephone (inc. country code)”]<br />
    </div>

    [radio EC:englishspeaking label_first default:1 “My emergency contact speaks English” “My emergency contact speaks some English” “My emergency contact does not speak English”]

    Travel Insurance
    [radio TravelInsurance label_first use_label_element default:1 “I have purchased a travel insurance policy (please provide details below)” “I have not purchased a travel insurance policy (we recommend that you purchase a policy before you leave for your trip)”]
    <div class=”col-sm-6″>[text InsuranceCompany placeholder "Insurance Company"]</div>
    <div class=”col-sm-6″>[text TI:emergencycontact placeholder "Insurance emergency telephone (inc. country code)"]</div>
    <div class=”col-sm-6″>[text TI:policynumber placeholder "Your policy number"]</div>

    <span class=”atbtn atbtn–input-wrap”><i class=”atbtn__icon fa fa-paper-plane”></i>[submit “Send”]</span>
    </div>

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    What other plugins and theme do you use on the site?

    Hello,

    I use the Adventure Tours theme from Envato and many other plugins:

    Antispam Bee
    Classic Editor
    Cookie Notice
    CSS Hero
    Data types for Adventure Tours theme
    Easy Forms for Mailchimp
    Email Address Encoder
    Envato Market
    Flamingo
    Google Analytics
    Official Facebook pixel
    Really Simple SSL
    SG Optimiser
    Social Media Widget Premium
    SumoMe
    Tawk.to Live Chat
    TinyMCE Advanced
    UPdraft Plus
    Use Any Font
    Widget Imnporter and Exporter
    WooCommerce
    Wordfence
    WPBakery Page Builder
    Yoast SEO Premium

    Thank you 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘New lines in Contact Form 7’ is closed to new replies.