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
The answer is the same, please read it again you'll find some hints:
https://wpdiscuz.com/community/postid/12428/
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.
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.
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
I was unable to color the editor buttons, so I changed the color code in the original css files
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/
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
