Support » Plugin: Contact Form 7 » Input Boxes Border Issue

Viewing 3 replies - 1 through 3 (of 3 total)
  • KrissieV


    Looks like your resets are overriding any default styling… when I inspect the element in the browser if you uncheck the border property the fields show up. You probably don’t want to remove that reset, as it’s likely needed for other things on the site.

    What have you tried already? I didn’t see any specific styling in your css for those inputs.

    You should be able to use something like:

    .wpcf7-form input {border:1px solid #000000;}

    or whatever styling you are wanting. Is that what you’ve tried?

    Neil Murray


    Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

    Bruno Silva


    @krissiev – That solved the problem, thank you very much!
    I just had to create entries for the textareas and img also and everything is perfect.

    Thanks a Ton!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Input Boxes Border Issue’ is closed to new replies.