Can’t change the size of my comments box?

  • Resolved aga1

    (@aga1)


    15 years, 5 months ago

    Hi,
    I’m doing a site for a charity for free. It’s 99% finished, but I just noticed something I can’t seem to correct.
    When adding a comment, the text field extends over to the right further than it should, extending underneath the sidebar. I want it to only extend to the same width as the post.
    After typing, when the comment is added, it appears in the correct width, it’s just when actually writing the comment that this problem occurs.

    I’m not an expert in CSS, so when I search the stylesheet, I don’t really know what I’m looking for to correct, so any help would be appreciated.

    The site is here https://mcccharity.org/
    Feel free to add a test comment to see what I mean.

    Many thanks.

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

  • add following code into your style.css which is in your theme folder.

    div.reply form#commentform p textarea.comment{
    height:10px;(Whatever you want to give)
    width:10px;(Whatever you want to give)
    }

    Jwalin Shah

    Thread Starter aga1

    (@aga1)

    Hi, that didn’t work. I copied the code, and inserted the values of 200px height and 620px width, but there’s no change on the page.

    It’s the dimensions of the textarea:

    <textarea id="comment" cols="92" tabindex="4" rows="10" name="comment"/>

    The 92 cols are the bugger. try looking at comments.php

    Peter

    Thread Starter aga1

    (@aga1)

    Hi pboosten,

    I had a look at my comments.php, and found this:

    <p><textarea name="comment" id="comment" rows="10" tabindex="4" cols="<?php if (get_option('tn_column_number') == '3 columns') { echo '70'; } else { echo '92'; }?>"></textarea></p>

    I assume this is what you mean… do I change the 92 value to something else, and if so, what? I don’t know how wide a column is. I want the text area to = 620px.

    many thanks.

    Thread Starter aga1

    (@aga1)

    Tried changing the value of ’92’ to several lower numbers, and eventually reached ’74’, which seems to work OK. (74.5 would have been slightly better, but hey:))

    So thanks for pointing me in the right direction, I appreciate it.

    Sorry Aga1 that was type mistake by me
    you should try following in your style.css.

    div.reply form#commentform textarea#comment {
    height:30px !important;
    width:100px !important;}

    This will work surely. I checked from here.

    Enjoy…

    Jwalin Shah

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can’t change the size of my comments box?’ is closed to new replies.