Notifications

Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

CSS/styling help

How-to and Troubleshooting

Last Post by Alina 5 years ago

2 Posts

2 Users

1 Reactions

4,743 Views

RSS

Posts: 5

TWOKam

Topic starter

May 26, 2020 12:06 am

(@twokam)

Active Member

Joined: 5 years 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?

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

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.

Any help would be appreciated!

Thanks

1 Reply

Posts: 71

Alina

Moderator

May 27, 2020 12:49 pm

(@alina)

Member

Joined: 6 years ago

Hi @twokam,

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/