[Solved] Changing Comment input box size in 7.x version

Hi @airayn,

Please leave some example URL. We'll provide you a CSS solution. 

an example url page would be

https://personaltao.com/taoism/taoism-101/

@airayn,

Here is the CSS code:

#wpdcom .ql-editor {
    height: 120px;
}

The red marked value can be changed as you like. 

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again. 

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

Thanks

Aloha I noticed the solution doesn't work on pages without formatting capacity in the comment box

like this one

https://personaltao.com/healing/resolve-anger/

it's odd because I have it set not to show the format functions in the mobile. But sometimes it does and sometimes it doesn't. But when it doesn't have the format functions then the solution you gave me doesn't work. So there is something strange going on with that. I hope that made sense

@airayn,

If the rich editor is disabled you should use this code as well:

#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt textarea {
    height: 89px !important;
}

But sometimes it does and sometimes it doesn't. But when it doesn't have the format functions then the solution you gave me doesn't work. So there is something strange going on with that. I hope that made sense

This may be a caching issue. Please delete all caches (website, browser) before checking.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

Thanks those two CSS together worked perfectly!