[laziem]

Hello,

1. I want to make the comment box wider by default. So it will match with my post width. How can I do that?

2. And I want to reduce gap between post and sidebar, so my post will get wider to the right (without reduce sidebar width).

Thank you :-)

[ahmetsali]

Hi,

1-) try this custom css code

#commentform textarea {
    width: 100%;
    height: 220px;
}

2-) try this custom css code;

@media (min-width: 1200px) { 
	#secondary .widget { padding-left: 2em; }
}

[laziem]

Thank you, I’ve tried and add some custom css & js from this forum support, and working well :)

css

@media (min-width: 1200px) {
#secondary .widget { padding-left: 2em; }
}
#commentform textarea {
width: 100%;
height: 220px;
}
#comments,
#comments #respond { padding-bottom: 0px; }
#comments p.form-submit { margin-bottom: 0px; }
section#main { padding-bottom: 2em; }
.hentry { padding: 1em 0 1.0em 0; }
.site-header .social { margin: 0 0 1.4em 0; }
.site-header hgroup { padding: 1em 0 .4em 0; }
#secondary .widget { padding-bottom: 1em; }
h1.site-title { margin-bottom: .1em; }
.site-description { margin-top: 0;}
body.home .by-author { display: none; }
body.single .by-author { display: none; }
a.button i {
position: initial;}
.related-posts {
margin-bottom:-15%;}

js

jQuery(document).ready(function($) {
$(‘#primary.span7’).removeClass(‘span7’).addClass(‘span8’);
$(‘#secondary.span5’).removeClass(‘span5’).addClass(‘span4’);
});