AI Assistant
Notifications
Clear all

How to change this icon + text color?

3 Posts
2 Users
0 Reactions
2,627 Views
(@adrien)
Active Member
Joined: 10 years ago
Posts: 12
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
  [#2831]

Hi here!

How can I change this icon + text color?

https://screenshots.firefox.com/stkCrt18FZH6AHFz/automotard.fr

And I would know how to change background of comment number "1" beside "Poster un commentaire".

Thanks for this very good plugin!



   
Quote
Astghik
(@astgh)
Illustrious Member Admin
Joined: 8 years ago
Posts: 6645
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Thank you Adrien,

Please use the following CSS code, put it in Dashboard > Comments > Settings > Styling > "Custom CSS Code" textarea:

/* icon + text color */
#wpcomm .wpdiscuz-form-top-bar .wpdiscuz-user-settings{
color: #3f00ff;
}
#wpcomm .wpdiscuz-form-top-bar #wc_show_hide_loggedin_username{
color: #3f00ff;
}
#wpcomm .wpdiscuz-form-top-bar .wpdiscuz-user-settings:hover {
color: #666;
}
/* background of comment number "1" beside "Poster un commentaire". */
#wc-comment-header .wpdiscuz-comment-count .wpd-cc-value{
background: #3f00ff;
}
#wc-comment-header .wpdiscuz-comment-count .wpd-cc-arrow{
border-top: 8px solid #3f00ff;
}

Don't forget to change the red marked color codes before using. 



   
ReplyQuote
(@adrien)
Active Member
Joined: 10 years ago
Posts: 12
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Perfect!

 

Many thanks Astghik 🙂



   
ReplyQuote
Share:
Scroll to top