wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Changing Fonts and Colors of Certain Elements


Naomi
Posts: 12
Topic starter
(@naomi)
Active Member
Joined: 2 months ago

Hello there,

at the moment, I am styling the comment section on my website in the coming soon mode. I have come quite far and also tried some advice given in this forum.

For some elements, however, I don't seem to find the right CSS classes.

Font and Colors 01
Font and Colors 02
  1. I haven't found the CSS class to change the color of the login links (username and logout).
  2. In the drop-down-menu, I would like to change the font.
  3. In the text field, I have been able to change the font, but I couldn't remove the letter-spacing with the same CSS class, even though I used "!important."
  4. Furthermore, I couldn't change the hover color of the toolbar items (from the "Link" tool until the "Bold" tool). However, I was able to change the "Source Code" and "Spoiler" tools.
  5. I'd also like to change the hover color of the Social Media icons.
  6. Again, the username link appears blue, which I'd like to change.
  7. Otherweise, there are the drop-down options to choose the oldest, newest or most popular comments. I would like to change the font here, too.
  8. The same goes for the comment settings.

I am not sure how much support you can give me whilst my website is in the coming soon mode, but maybe you have already made changes in the corresponding classes yourself?

I am looking forward to your replies!

Warm regards,
Naomi

Topic Tags
2 Replies
Asti
Posts: 4131
 Asti
Support
(@asti)
Support member
Joined: 4 years ago

Naomi,

Please note, that the "Off" style is a developers style, it turns off wpDiscuz style and let you create your own style from scratch. We don't support the "Off" style, it's just added for developers. 

We don't provide support for style customization, we may help in 1-2 simple questions related to colours and background but not more. We can not help you customize all components of website style, these are custom requirements and should be done by website owners. We only help with general questions and issues.

Thank you for your understanding.

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console, it'll help you easily write CSS rules you need to customize. 

CSS

For example, the first point can be changed by using the CSS code below: 

#wpdcom .wpd-auth .wpd-login a {
   color: #0e5a00;
}

This website should help you to write CSS rules:    https://www.w3schools.com/cssref/default.asp

1 Reply
Naomi
(@naomi)
Joined: 2 months ago

Active Member
Posts: 12

@asti Thank you for letting me know and for your tip on how to find the css codes faster! This already helped me a lot! 🙂

Share: