[Resolved] Comment Box size

[Terra]

Hello,
I am trying to make the ‘Comment Box’ – the Comment field that shows at the page bottom when you have Comments enabled – SMALLER. It shows up on my pages as a gigantic box! I don’t know how to make it smaller! I have searched this forum and the Documentation articles for help, but I still don’t know how to do it. What am I missing?! Please help. 🙂

I have tried adding this to the Additional CSS (through WP Customize), but it didn’t do anything. Maybe I am not doing it properly.

.comment-content {
padding: 0;
border: 0;
}

Anyway, any help is very appreciated!
Terra

[David]

Try:

@media (min-width: 768px) {
    .comment-form-comment {
        margin-right:50%;
    }
}

I would recommend you install Simple CSS plugin – another one of Tom’s and use this instead of the additional CSS.

[Terra]

Thank you!! That worked! Thank you so much! 🙂

ONE more question! It is a much better size, but can I make it just a pinch less ‘tall’, as well? What can I add to the CSS you gave me to also make the height a bit smaller, too? 🙂 Thank you!

[David]

OK – bit more complicated so scrub the above code and use the following. Presuming you want to keep everything the same on the mobile apart from the width:

.comment-form-comment textarea {
    display: block;
    float: none;
    font-size: 12px;
    height: 12em;
    width: 50%;
}

@media (max-width: 768px) {
	.comment-form-comment textarea {
   		width: 100%;
	}
}

[Terra]

Wow – it works! Thank you. I really appreciate your time and your help! GeneratePress has AMAZING support.
Terra 🙂

[David]

Your welcome. I was just passing by. Helps me learn and helps Tom out so he can carry on developing even greater things.

[Tom]

You’re awesome, David 🙂

[Author]

Posts