Archived topic
Comment Box size
6 replies · Started by Terra on August 9, 2017
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
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.
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!
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%;
}
}Wow - it works! Thank you. I really appreciate your time and your help! GeneratePress has AMAZING support.
Terra :)
Your welcome. I was just passing by. Helps me learn and helps Tom out so he can carry on developing even greater things.
You're awesome, David :)
