Contact Form 7
Stylizing issues (3 posts)

  1. cyrjm
    Posted 2 years ago #

    First off, love this plugin and thank you for all your hard work.

    On my contact page everything looks and works great except for the checkbox spacing and the CAPTCHA field.

    How can I bring that checkbox in to the left?

    How can I space the CAPTCHA letters and the input box? I see that the .wpcf7 input is set to 60% but when I change it, everything changes.

    Thanks for your help!



  2. converting2wp
    Posted 2 years ago #

    You need to use a more specific CSS selector to limit the effect of the change in the width. One way to do that would be to add this code to your CSS file:

    .wpcf7-list-item input {
        width: 10%;

    Firebug helped me see what selector would work. If you need something more specific, it may be a good tool to consider:


  3. cyrjm
    Posted 2 years ago #

    Thanks! You know, I keep Firefox open on my other monitor so I can poke around with FireBug but I'm still learning CSS and couldn't figure out the issue. I changed some selectors but it was affecting other elements on the page too. I'll give this a shot.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic