WordPress.org

1. davejampole
   Member
   Posted 6 months ago #
   

   Anyone have an idea on how to:

   a. surround form in a frame, preferably with rounded corners
   b. set form background color
   c. set input field color

   The plain vanilla form works great, but I'd like to color it up a bit.

   Thanks

   http://wordpress.org/extend/plugins/contact-form-7/

2. davejampole
   Member
   Posted 6 months ago #
   

   Found the answer on another post.

3. Todd
   Member
   Posted 6 months ago #
   

   Which post?

4. davejampole
   Member
   Posted 6 months ago #
   

   This two code segments go in your theme style.css in order to format CF7.

   .(<strong>your form ID goes here</strong>){
       background: #CCFFCC;
       margin: 10px auto;
       margin-left: 0;
       position: relative;
       border: 2px solid #D4F4FF;
       border-radius:10px;
   -moz-border-radius:10px;
       box-shadow: 10px 10px 5px #888888;
   }

   Following code segment sets the CF7 textarea border color

   .wpcf7 input[type=text], .wpcf7 textarea {
   	border: 1px solid #A0A0A0;
   }

   I've looked, but I cannot find where I stumbled onto these code segments, but they work for me. My thanks to the creators of these two code segments. I also did a google search on "skin for contact form 7" and there are lots of ideas out there.

Reply

You must log in to post.