The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Missing buttons/che...
 
Share:
Notifications
Clear all

Issue [Solved] Missing buttons/checkboxes and confirming font size codes...

6 Posts
2 Users
0 Reactions
177 Views
Posts: 3
Topic starter
(@polywogg)
Active Member
Joined: 2 months ago

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

Topic Tags
5 Replies
Asti
Posts: 7615
 Asti
Support
(@asti)
Illustrious Member
Joined: 7 years ago

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.

Posts: 3
Topic starter
(@polywogg)
Active Member
Joined: 2 months ago

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!

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7615

@polywogg 

Please remove those codes and use the one I've provided.  

Posts: 3
Topic starter
(@polywogg)
Active Member
Joined: 2 months ago

I tried just using your code, but the font remained small in the published comments.

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7615

@polywogg 

You should use this code as well: 

#wpdcom .wpd-comment-text p{
    font-size: 20px  !important;
}
Share: