Contact Form Display

Home Forums All Other Themes Contact Form Display

This topic contains 3 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #58185

    Shannon
    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?

    #58294

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19892
    • Total: 19892
    Member since: August 16, 2013

    Hi Shannon,

    Kindly show us your website URL.

    Regards,
    Dave

    #61230

    Shannon
    Member
    • Topics: 3
    • Replies: 2
    • Total: 5
    Member since: June 11, 2016

    The site isn’t published yet.

    #61267

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 19892
    • Total: 19892
    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.