Comments text area width

I found the problem but I dont know how to fix it.

The issue comes when I change this:

|------------------------
| =Content/Sidebar
|------------------------
*/

#content,
#sidebar {
}

#sidebar {
}

into this

|------------------------
| =Content/Sidebar
|------------------------
*/

#content,
#sidebar {
    width: 300px;

}
.type-post, .type-page, {
    width: 640px; /* vary to meet requirements*/
}

I need this change to make sidebar wider.

For the comments looks like you could start with adding width…

#comments {
  width: 640px; /* same width as your post content */
}

Hi mlddev, thanks for your help.

Unluckly this way it doesn’t work. The text area it becomes wider but I can only see half of it.

Here what happens.

I think I should add something in this code:

.type-post, .type-page, {
    width: 640px; /* vary to meet requirements*/

Something like this:

.type-post, .type-page, textearea {
    width: 640px; /* vary to meet requirements*/

In this way of course it doesn’t work.

Thanks again.

malkov,

I may not be clear on what you want to do. The #comments div is what wraps your comment form at the bottom of post pages. I see you have added the width and it looks fine to me except for a bit of overflow being hidden. If you add the following it should fix that.

#respond #commentform {
  margin: 0 2% 0 0;
}

You can also play with the width of:

.comment-form-comment #respond textarea {
  width: 95%; /* adjust to your prefference */
}

Thank you very much mlddev!

It works perfectly.

Thanks again.

Cheers.