help give contact widgets CSS code example

hello,

can anyone give a CSS code example to give the contact form a bit nicer look?

  • ThePath
    • The Bug Hunter

    Hi Hyree,

    Do you have the contact form plugin installed on a site just now? If so if you can provide me with an url I can play with some CSS in Firebug and post it here for you. I dont have this particular plugin installed so cant test different CSS on any site of mine.

    Cheers

  • ThePath
    • The Bug Hunter

    This will get you off to a start, play about with widths and colours etc to see what you like. Only looked at this code in FF so check IE too:

    .Contact_form {
    color: #AAAAAA;
    }
    .Contact_form #cw_refresh a {
    color: #CCC;
    text-decoration: underline;
    padding: 3px 0 5px;
    display: block;
    }
    .Contact_form textarea {
    width: 214px;
    }
    .Contact_form label {
    width: 60px;
    display: block;
    float: left;
    line-height: 22px;
    }
    .Contact_form .button {
    padding: 5px;
    width: 220px;
    margin: -10px 0 0;
    }
    .Contact_form input {
    color: #333333;
    margin-bottom: 5px;
    }
    .Contact_form input#recaptcha_response_field {
    width: 214px;
    float: left;
    clear: left;
    }

    Looks a bit neater anyway but I think it should even be a bit wider…..

    Let me know if you need further help

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.