wpDiscuz - WordPress Comment Plugin
Changing Fonts and ...
 
Share:
Notifications
Clear all

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

8 Posts
2 Users
1 Likes
1,035 Views
Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 years 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
7 Replies
Asti
Posts: 6742
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 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)
Joined: 2 years 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: 6 years ago

Illustrious Member
Posts: 6742

@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.

Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 years 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

Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 years 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: 6 years ago

Illustrious Member
Posts: 6742

@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/

Posts: 7
Topic starter
(@alexch)
Active Member
Joined: 2 years 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: