Support » Themes and Templates » Theme Comments textarea too big

  • OK – going crazy here. I created a page I want to have people comment on. THe problem is the comment box is way too wide. I changed the textarea to:

    <textarea name=”comment” id=”comment” style=”width: 400!important; height:164;” rows=”10″ tabindex=”4″ cols=”45″></textarea>

    However, when I refresh and look at the page source, it says:

    <textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”4″></textarea></p>

    I searched the archives and found a post where they mention to change the default themes’ comments.php. I did that, and it did not fix my issue. I got rid of both the default and classic profiles, so my profile is the only one left. The box still is at 100%.

    Any thoughts? I am going out of my mind on this one.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi, I’m having the same exact problem on my site (http://www.joyfuldigesting.com/ if you want to take a look). Did you ever find a solution to this? If so, please share!! Thanks very much.

    Did you try editing the file on your computer in a plain text editor and uploading it again?
    What did you try to fix it?

    Jeremy Clark

    (@jeremyclark13)

    Member

    If you look in your stylesheet you see a section like this

    /* CSS for forms -------------------------------------- */

    In that section will be this code

    .comment-textarea{width: 96%; padding: 0; margin: 0; }

    Change it to this

    textarea#comment{width: 96%; padding: 0; margin: 0; }

    style="width: 400!important; won’t work because you didn’t specify px, em, pt, etc. But the better solution is a percentage width, which jeremy pointed out. I like to use 90% or 95%.

    HTH

    Jeremyclark – you hit the nail right on the head! Thank you SO much! That was a relatively painless fix. I’ll suggest this thread to the template creator also, he may be able to incorporate it in future versions.

    Thanks to all who replied, as well!

    bobbykjack

    (@bobbykjack)

    The value of 100% for the cols attribute is invalid HTML – it needs to be replaced with an absolute number, or the same effect can be achieved via CSS.

    bobbykjack

    (@bobbykjack)

    P.S. Firefox interprets that as “100”, hence the massively wide textarea.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Theme Comments textarea too big’ is closed to new replies.