Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 29, 2018 at 12:28 pm #934756
    aicompcloud

    Hey, I’ve found a solution to style a contact form in CF7 with 2 columns this way:
    <div class=”flex_column av_one_half first”>[email* your-email placeholder “E-Mail*”]</div>
    <div class=”flex_column av_one_half”>[tel* tel-309 placeholder “Telefon*”]</div>

    and it works, but I would like to use the style of your theme form for 2 columns with the smaller space between them. And I tried it that way:

    <div class=”first_form form_element form_element_half”>[text* name1 placeholder “Vorname*”]</div>
    <div class=”form_element form_element_half”>[text* name2 placeholder “Nachname*”]</div>

    But that doesn’t work. Any idea for a solution?

    thanks and kind regards,
    Patric

    March 29, 2018 at 2:20 pm #934815
    Vinay

    Hey aicompcloud,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .wpcf7 div .av_one_half {
    margin-left: 1%!important;
    width: 49.5%!important;
}

    Best regards,
    Vinay

    March 29, 2018 at 2:27 pm #934820
    aicompcloud

    no… nothing changed

    March 29, 2018 at 2:49 pm #934837
    Vinay

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Vinay

    March 29, 2018 at 2:56 pm #934842
    aicompcloud

    Your code is in the Quick CSS at the bottom

    March 30, 2018 at 1:40 am #935080
    Vinay

    Hi,

    Thank you for getting back to us. I have updated the CSS code to below

    
#top .wpcf7 .flex_column.av_one_half{
    margin-left: 1%!important;
    width: 49.5%!important;
}
#top .wpcf7 .flex_column.av_one_half.first  {
    margin-left: 0%!important;
    width: 49.5%!important;
}

    Please review the site and let us know if you need any further assistance :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.