Contact From 7 on Be Fit theme

Home Forums All Other Themes Contact From 7 on Be Fit theme

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #49746
    MaryMary
    Participant
    • Topics: 13
    • Replies: 14
    • Total: 27
    Member since: May 27, 2016

    Hi Guys,

    I want to use Contact Form 7 in this website http://www.aimtas.com/ but after I added the contact form 7 shortcode below: The field box is not aligning correctly.
    [contact-form-7 id="40" title="Contact form 1"]

    Currently, I left the default contact form that came with the theme. Please advice what code to use to fix the issue.

    Thank you,
    Mary

    #49824
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Hi Mary,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
    Add this code there:
    .wpcf7-form p input[type=”text”], .wpcf7-form p input[type=”email”], .wpcf7-form p input[type=”tel”], .wpcf7-form p textarea{ width:100% !important; box-sizing:border-box;}
    .wpcf7-form input[type=”submit”] { background-color: #ff0082; color: #ffffff; cursor: pointer; font: 400 20px/24px “Roboto”,sans-serif; text-transform: uppercase; border: medium none; border-radius: 5px; padding:8px 20px;}
    .wpcf7-form input[type=”submit”]:hover{background-color: #111111; color: #ffffff;}

    Regards,
    Shri

    #49839
    MaryMary
    Participant
    • Topics: 13
    • Replies: 14
    • Total: 27
    Member since: May 27, 2016

    Hi Shri,
    I added the above code in the custom CSS box and did not fix the issue.
    Please check this contact page link http://www.aimtas.com/index.php/contact/ you so know what I mean.
    What we want are the following:
    1. align the email field box under your name field box;
    2. make contact form background white and text black;
    3. And of course, box label aligning the box. Please check this contact form in this website http://www.adayatthecreek.com.au/contact-us/ so you know what we are looking at for aimtas.com contact form

    Looking forward to hear from you.

    Thank you,
    Mary

    #49969
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi Mary,

    You can try any of these 2 plugins which might work for you:

    https://wordpress.org/plugins/contact-form-7-style/
    https://wordpress.org/plugins/contact-form-7-skins/

    Regards,
    Brad

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