Support » Plugin: Contact Form 7 » how to increase the contact form width while keeping it responsive

  • Johanna

    (@johannacharpentier)


    Hello,

    I’m using contact form 7 and installed it which looked like that:
    without css code added

    So I wanted the width to increase so it matches with my theme width. I added this code and obtained the result shown in the pic below

    .wpcf7 input[type="text"], 
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
    width:200%;
    }

    with css code

    I was happy until I realized that the form wasnt responsive anymore, and would look ugly on a tablet or smartphone:
    not responsive anymore

    My php skills are super basic, so I please need help with increasing my contact form width while keeping it responsive.

    My URL website

Viewing 1 replies (of 1 total)
  • Johanna

    (@johannacharpentier)

    Never mind: since I got no answers I deleted the contact form 7 plugin and came back to using my theme one.

    • This reply was modified 3 years, 1 month ago by Johanna.
Viewing 1 replies (of 1 total)
  • The topic ‘how to increase the contact form width while keeping it responsive’ is closed to new replies.