wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] Changing Fonts and Colors of Certain Elements - 2


alexch
Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 months ago

I read the post https://wpdiscuz.com/community/troubleshooting/changing-fonts-and-colors-of-certain-elements/
I have the same question
give me the css how to change the color of the elements that indicated Naomi

Thanks

 
Website URL
Topic Tags
7 Replies
Asti
Posts: 4116
 Asti
Support
(@asti)
Support member
Joined: 4 years ago

The answer is the same, please read it again you'll find some hints:

https://wpdiscuz.com/community/postid/12428/

2 Replies
alexch
(@alexch)
Joined: 2 months ago

Active Member
Posts: 7

@asti 
i read, but i don't understand what i have to do
I am not a programmer
help me

Asti
 Asti
Support
(@asti)
Joined: 4 years ago

Support member
Posts: 4116

@alexch,

We don't provide CSS codes for style customization. We may help in 1-2 simple questions related to colours and background but not more. 

Just find the 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;
}

The rest of the colours you should change yourself.

Thank you for your understanding.

alexch
Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 months ago

I answer my own question. My CSS looks like this

/* --- social tooltip zone */
#wpdcom .wpd-comment-header .wpd-comment-share .wpd-tooltip-content i:hover{
color: #ffffff;
}
.wpd-tooltip .wpd-tooltip-content {
background: #6f6750;
}
.wpd-tooltip .wpd-tooltip-content::after {
background: #6f6750;
}

/* --- rating circle color */
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value:hover {
background-color: #6f6750;
}

/* --- buble without shadows */
#wpd-bubble-wrapper>div {
box-shadow: none !important;
}

/* --- finger up like button color */
.wpd-comment-footer .wpd-vote-up svg:hover {
fill: #ff6f61 !important;
}
#wpdcom .wpd-up {
color: #ff6f61 !important;
}
#wpdcom .wpd-up svg {
fill: #ff6f61 !important;
}
#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-vote-up.wpd-up {
border: 1px solid #ff6f61 !important;
}

/* --- link's color */
#wpdcom .wpd-comment-text a {
color: #ff6f61 ;
}
#wpdcom .wpd-comment-text a:hover {
color: #ff6f61 ;
}

/* --- tooltip color */
[wpd-tooltip]::before {
border-color: #6f6750 transparent transparent transparent;
}
[wpd-tooltip]::after {
background: #6f6750;
}

/* --- when user loged. color */
#wpdcom .wpd-auth .wpd-login a {
color: #ff6f61;
}
#wpdcom .wpd-auth .wpd-login a:hover {
color: #ff6f61 ;
}

My question has been resolved. Thanks

alexch
Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 months ago

I was unable to color the editor buttons, so I changed the color code in the original css files

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

Support member
Posts: 4116

@alexch,

Please don't edit the files within the core plugin itself as they are overwritten during the upgrade process and any customizations will be lost. 

Try at least the update-safe way provided here: https://wpdiscuz.com/docs/wpdiscuz-7/customization/custom-template-and-style/

alexch
Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 months ago
Posted by: @asti

Please don't edit the files within the core plugin itself as they are overwritten during the upgrade process and any customizations will be lost. 

I know, I will remember. And I will try update-safe way yet. Thanks

 

Share: