Contact Form Display

Home › Forums › All Other Themes › Contact Form Display

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 11, 2017 at 1:15 am #58185
    ShannonShannon
    Member
    • Topics: 3
    • Replies: 2
    • Total: 5
    Member since: June 11, 2016

    I’m using the Welder theme. I added the contact form 7 shortcode to a page using the No Sidebar template. The form fields are displaying strangely, not lining up. Any suggestions?

    January 12, 2017 at 6:55 am #58294
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31304
    • Total: 31304
    Member since: August 16, 2013

    Hi Shannon,

    Kindly show us your website URL.

    Regards,
    Dave

    February 7, 2017 at 5:33 pm #61230
    ShannonShannon
    Member
    • Topics: 3
    • Replies: 2
    • Total: 5
    Member since: June 11, 2016

    The site isn’t published yet.

    February 8, 2017 at 6:12 am #61267
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31304
    • Total: 31304
    Member since: August 16, 2013

    Hi Shannon,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    #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 { width:100%; box-sizing:border-box;}
    #contactform_main textarea, .wpcf7 form textarea { width:100%;}

    Regards,
    Dave

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