Comments box too big?

I believe you’ll find the answer here in your css:

textarea {

	font-family: Arial, Verdana, Helvetica;

	font-size: 1.1em;

	border: 1px solid #888;

	padding: 2px 5px 1px 5px;

	width: 600px !important;

	width: 250px;

	min-width: 100px !important;

	max-width: 450px !important;

	height: 100px;

	}

Try bumping your max-width down a bit. (backup your css first).

I don’t know what context this form is in, but you should also validate your xhtml and css: https://validator.w3.org/

– John

I’m having a simialr problem, which I can’t fix. I’ve added a extra sidebar on the right, so I need to make the comments textarea narrrower, or it’s forced down to the bottom of the sidebar, as in this page:
https://www.freesitebuilder.co.uk/WordPress/?p=75#comments

I’ve tried editing the CSS, and the comments code, but I haven’t succeeded. My CSS for the comments is

#commentlist { list-style-type: none; margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin-bottom: 10px; padding: 10px; background-color: #E1ECFC; border-top: 1px solid #FFD275; border-bottom: 1px solid #FFD275; }
#commentlist cite { margin: 7px 0px 0px 0px; padding: 0px; font-size: 10px; font-style: normal; }
#commentlist p { margin-top: 0px; padding-top: 0px; }

My textarea code:
<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

I’ve tried adding textarea widthcoding to the CSS, and changing the “cols” values in the textarea.

TIA

try making the ‘cols’ value a number, i think the default is 50, so make it 40, it worked on mine,

no css is needed.