Ready to get started?Download WordPress


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

  1. davejampole
    Posted 1 year 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 1 year ago #

    Found the answer on another post.

  3. Todd
    Posted 1 year ago #

    Which post?

  4. davejampole
    Posted 1 year 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

About this Topic