Contact Form 7 Css

Home Forums All Other Themes Contact Form 7 Css

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #23614
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    The spacing is wrong when I use contact form 7. I’ve tried pasting:
    #contactform_main input[type=”text”], #contactform_main input[type=”email”], #contactform_main input[type=”tel”], #contactform_main input[type=”url”], #contactform_main textarea, .wpcf7 form input[type=”text”], .wpcf7 form input[type=”email”], .wpcf7 form input[type=”tel”], .wpcf7 form textarea {float:none !important;}
    in the custom css of the theme options to no avail. Please advise on what to do.
    Thank You

    #23641
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23439
    • Total: 23439
    Member since: August 16, 2013

    Hi Daniel,

    Kindly show us your website URL.

    Regards,
    Dave

    #23742
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016
    #23830
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23439
    • Total: 23439
    Member since: August 16, 2013

    Hi Daniel,

    Add this code in custom css box:

    #contactform_main input[type=”text”], #contactform_main input[type=”email”], #contactform_main input[type=”tel”], #contactform_main input[type=”url”], #contactform_main textarea, .wpcf7 form input[type=”text”], .wpcf7 form input[type=”email”], .wpcf7 form input[type=”tel”], .wpcf7 form textarea {float:none !important; width:90% !important;}

    Regards,
    Brad

    #23854
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    did that didn’t work.
    Please update

    #23872
    Shivam Parikh
    Member
    • Topics: 6
    • Replies: 1
    • Total: 7
    Member since: October 10, 2015

    We are facing similar issues with Contact Form 7 and your themes. Would request a clear fix as this seems to be a problem repeatedly seen in various themes of yours and not just one.

    #24006
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23439
    • Total: 23439
    Member since: August 16, 2013

    Hi daniel and shivam,

    Contact Form 7 generates a standard compliant code for the forms. Each element in the form has a proper ID and CSS class associated with it.
    Contact form uses the CSS class .wpcf7 which you can use to style your form.

    For e.g.:

    div.wpcf7 { 
    background-color: #fbefde;
    border: 1px solid #f28f27;
    padding:20px;
    }
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
    background:#725f4c;
    color:#FFF;
    font-family:lora, sans-serif; 
    font-style:italic;    
    }
    .wpcf7 input[type="submit"],
    .wpcf7 input[type="button"] { 
    background-color:#725f4c;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    }

    You can add this code for example in your custom css box

    Regards,
    Brad

    #24354
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23439
    • Total: 23439
    Member since: August 16, 2013

    Hi Daniel,

    This issue was resolved from our end. Kindly check and confirm.

    Regards,
    Brad

    #24493
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    OK the problem is fixed but can you please elaborate how it was fixed for other users of this or other SKT themes? I actually really like you theme because of the performance and quick load times so I want to see SKT do well and that will entail show customers how fix these problems. Also I may need to change things so I need to know why these problems occur and how to fix.

    Thank You.

    #24497
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    I just noticed now the forms are fixed the Call to Action on https://gllusa.com/private-labeling/ is now not showing properly. Please review your corrections as it seems to be affecting Visual Editor.

    #24498
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    The tema profiles on that page are not working properly anymore

    #24499
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    Also this page team members: https://gllusa.com/about-us/

    #26576
    daniel
    Member
    • Topics: 4
    • Replies: 18
    • Total: 22
    Member since: February 21, 2016

    Hello. The CSS for my dashboard pages is all screwed up now after your changes… can you please address this issue.

    #26744
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23439
    • Total: 23439
    Member since: August 16, 2013

    What is messed up? Can you share screenshot may be to make us understand? Site looks perfectly fine on all devices.

    Regards,
    Dave

    #61084
    Mark
    Member
    • Topics: 3
    • Replies: 6
    • Total: 9
    Member since: February 2, 2017

    Contact Form 7 forms are not appearing in my widgets. They are there in the code, but not visible. “Name” and “email” text fields should be visible in the “Newsletter Sign-up” widget.
    https://goo.gl/8Vryfy

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