Contact Form 7
[resolved] Form Design (4 posts)

  1. davejampole
    Posted 2 years 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.



  2. davejampole
    Posted 2 years ago #

    Found the answer on another post.

  3. Todd
    Posted 2 years ago #

    Which post?

  4. davejampole
    Posted 2 years 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;
        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.

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