Ryan Duff Contact Form – customizing the layout?

  • Hi,

    I’ve installed the Contact Form plugin from Ryan Duff and it all works great. However, I’ve been struggling to customize the layout a bit.

    In particular, I want to make the message (=textarea field) area a bit wider – but somehow increasing the “cols” value of the textarea field doesnt help. ??
    I’m using the deault css-style here… Can someone maybe help me out? Or maybe someone has customized the contact form layout already and can send me a link?

    Would be great!!

Viewing 2 replies - 1 through 2 (of 2 total)

  • #wpcf_msg { width: 400px; }

    400 is just an example… play around with that.

    In the future, just look at the HTML source. You’d see this:

    <textarea name="wpcf_msg" id="wpcf_msg" cols="35" rows="8" ></textarea>

    The id="..." part is what you want… that gives you a unique identifier you can use in the CSS. In CSS, identifiers are designated with the hash (“pound” in the U.S.) sign.

    #name-of-ID { /* rules go here */ }

    Thread Starter spinmaster79

    (@spinmaster79)

    Thanks! However, why doesn’t it help increasing the col-size of that textarea-field for “wpcf_msg”? Is this because of the default css-layout for the contact-form??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Ryan Duff Contact Form – customizing the layout?’ is closed to new replies.