wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

CSS/styling help


TWOKam
Posts: 5
Topic starter
(@twokam)
Active Member
Joined: 1 year ago

Hi,

I've got this installed today but need a little help with a few areas please:

1) Is it possible to add some text above the comments section? I have a commenting policy that I'd like to mention before anyone makes a post. It would also be good to be able to add a note about users checking their spam folders for notification emails etc

2) How can I make the comments section wider? I can see currently in the styling section css box is said:

.comments-area{width:auto;}

Would this have to be changed?

3) Currently the usernames are in green, I can't see where I can change this?

wpd1

4) There seems to be a lot (relatively speaking) of white space above and below the comments section, could this be reduced?

wpd2

4) On the demo you have a tick box re the privacy policy - could you let me know where I would enable this in the settings? I can't seem to find it.

wpd3

Any help would be appreciated!

 

Thanks

 

1 Reply
Alina
Posts: 73
Moderator
(@alina)
Member
Joined: 2 years ago

1) Is it possible to add some text above the comments section? I have a commenting policy that I'd like to mention before anyone makes a post. It would also be good to be able to add a note about users checking their spam folders for notification emails etc

You can use the following hook:
wpdiscuz_comment_form_before
Below is provide an example
add_action('wpdiscuz_comment_form_before', function() {

?>

<h3>Your Custom Title!</h3>

<?php

});

2) How can I make the comments section wider? I can see currently in the styling section css box is said:

 
Please navigate to the Dashboard > Comments > wpDiscuz > Settings > Styles and Colors admin page " Custom CSS Code" textarea:
 
#wpdcom {
max-width: 850px !important;
}
Please note the red marked code can be changed.

3) Currently the usernames are in green, I can't see where I can change this?

Please navigate to the Dashboard > Comments > wpDiscuz > Settings > User Labels and Badges admin page, find the "Comment Author Label Colors by User Role" options and change the label colors as you like. More info here:  https://wpdiscuz.com/docs/wpdiscuz-7/plugin-settings/user-labels-and-badges/#comment-author-label-colors-by-user-role

4) There seems to be a lot (relatively speaking) of white space above and below the comments section, could this be reduced?

 
Please try the following CSS code:
#wpdcom {
padding: 0px 1px !important;
}
#wpdcom .wpd-thread-list {
 padding: 15px 0 !important;
}
The CSS code should be added in the Dashboard > Comments > wpDiscuz > Settings > Styles and Colors admin page " Custom CSS Code" textarea.

5. On the demo you have a tick box re the privacy policy - could you let me know where I would enable this in the settings? I can't seem to find it.

Please navigate to the Dashboard> Comments > wpDiscuz > Form admin page edit the default form you use and create a new "Agreement Checkbox" filed. More info here: https://wpdiscuz.com/docs/wpdiscuz-documentation/getting-started/custom-comment-form/comment-form-builder/
Reply
Share: