I recently ran into two problems I hadn't noticed on my comments layout as I rarely see it personally. But one of my eagle eyed users does.
1. Beside the post comment button, there are two spots for what are either buttons or checkboxes. One is CLOSE THIS THREAD (likely only open to me when logged in) and NOTIFY ME OF REPLIES. Except they don't show up. I can't tell if they are supposed to be buttons or simple checkboxes (I assume checkboxes), but they're not there. It's just an empty "something" (i.e. there is SOMETHING there, but not visible what it is, looks like two empty ovals.
https://www.thepolyblog.ca/retireprep-month-1d-the-legal-side-of-things/
Same issue exists on a second site too.
2. The same eagle eyed user was commenting that the font sizes were too tiny. After multiple searches, I found a ton of different solutions over the years, and references to use INSPECT and a host of other suggestions, none of which make any sense. There was a diagram on the main WPDISCUZ site that listed about 12 items in the layout, so not sure why there isn't a simple list on how to specify EACH of those elements and let us then code it rather than telling us to do random inspections. I semi-fixed my issue with a bunch of random code, not sure all of it is needed:
.comments-area{width:auto; }
.wf-active form#commentform textarea#comment {
font-size: 20px !important;
}
#comments .comment-body p {
font-size: 20px !important
}
#wpdcom .wpd-comment-text p{
font-size: 20px !important;
}
#wpdcom textarea{
font-size: 20px !important;
}
#wpdcom .ql-editor::before {
font-size: 20px !important;
}
#wpcomm .wc-reply .wc-comment-right .wc-comment-text, #wpcomm .wc-reply .wc-comment-right .wc-comment-text * {
font-size: 20px;
line-height: inherit;
}
I'm sure I don't need all of those, and do not have rich editor activated. Any suggestions which to delete?
Paul
Hi,
Please, enable the "Load Font Awesome css lib" option. More info here: https://wpdiscuz.com/docs/wpdiscuz-7/plugin-settings/styles-and-colors/#load-font-awesome-css-lib
2. The same eagle eyed user was commenting that the font sizes were too tiny.
Use this CSS code:
#wpdcom .ql-editor > * {
font-size: 16px;
}
Change the red-marked value as you like.
Thanks! That fixed the missing boxes and the text in the comment box as you're typing it. But I had to keep some of the following to get the text in the shown comments actually bigger:
#comments .comment-body p {
font-size: 20px !important
}
#wpdcom .wpd-comment-text p{
font-size: 20px !important;
}
#wpdcom textarea{
font-size: 20px !important;
}
Probably don't need all three, but tried some combos and it wasn't enlarging until I had all three?
Solved!
I tried just using your code, but the font remained small in the published comments.