Support » Plugin: Contact Form 7 » Need help with Textarea height

  • Resolved TNG1

    (@tng1)


    Hello all,

    I’m missing something simple I’m sure, but for some damn reason, I can’t find it.

    I’m trying to decrease the displayed height of the textarea.

    I tried setting the rows in the form itself:
    [textarea reg-note x2 placeholder "Optional Note Space"]

    I put it in a div and tried with CSS:
    <div class="pn-note"> [textarea reg-note x2 placeholder "Optional Note Space"]</div>
    and

    .pn-note {
    	max-height: 125px; !important
    }

    I tried giving it an id and addressing it that way with ccs:
    [textarea reg-note x2 id:2022-reg-note placeholder "Leave an optional note if you like."]
    and

    #2022-reg-note {
    	max-height: 125px; !important
    }

    I tried all three at once…nothing.

    I removed the other fields in the form to no avail. All CSS edits are being placed in my theme’s Customizing Additional CSS function.

    What the heck am I doing wrong?

    Can anyone lend me a hand on this one…super frustrated:-)~

    Cheers!

    The page I need help with: [log in to see the link]

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

    (@codekraft)

    hi @tng1 the second one is correct but ID cannot start with a number, i guess that is the reason why it doesn’t work.

    Thread Starter TNG1

    (@tng1)

    @codekraft THANK YOU!!! That was driving me nuts, I appreciate the info on ID nomenclature.

    Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.