Add border and background to Contact 7 form WordPress

2 comments

1. You could surround the form with a div in html:

   <div class="custom-styling">
       // contact form 7 code here
   </div>
   

   Then style the custom-styling class with CSS.

   Log in to Reply

2. The top-level element of contact form has wpcf7 class. To style the whole contact form, add style rules for the class selector as like :

   .wpcf7
   {
       background-color: #f7f7f7;
       border: 2px solid #0f0;
   }
   

   For more detailed information, check it out here : http://contactform7.com/styling-contact-form/

   Hope it helps you.

   Log in to Reply