Increase the size of text fields (for comments etc.)

  • Resolved SirPumpkin

    (@sirpumpkin)


    10 years, 10 months ago

    Hi,
    first of all, thanks for your great theme. I really like it.
    Since I don’t really have any big CSS knowledge I started to wonder how to increase the size of text fields (for comments etc.) in your theme. At the moment they have got the height of about one line of text. They can be enlarged when you pull them with the mouse, but I’d like the text fields to be larger by default (in terms of height).

    I’d be great if you could tell me how to do this.
    Thanks!

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

  • textarea#comment { height: 4em; }

    (2em is default and fits about one line of text.)

    Thread Starter SirPumpkin

    (@sirpumpkin)

    Thanks for your answer. This increased the size of the comment fields indeed, but it didn’t increase the size of the textfield in the contact form i’m using (Contact form 7).

    So I simply used
    textarea { height: 8em; }
    instead (without the #comment) and now everything seems to be fine.
    Could you tell me whether there are any negative side effects doing it like this?

    Thanks!

    The “#comment” part denotes that particular text area. You probably won’t see any negative side effects, but textarea { height: 8em; } would make any textarea element 8ems high. I can’t think of another part of Decode that uses a text area, but if you run into an incorrectly sized text area while using that code on your site, this could be the culprit.

    All that to say, you are probably fine, but just be on the lookout.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Increase the size of text fields (for comments etc.)’ is closed to new replies.