[Solved] Changing hyperlink color  

  RSS

ofirbeigel
(@ofirbeigel)
Member Customer
Joined: 1 year ago
Posts: 3
05/09/2017 11:49 pm  

What do I need to add in the custom css in order to change the color of the hyperlink inside a comment to blue? Currently it's showing as green.


ReplyQuote
Tom
 Tom
(@tomson)
Support Team Admin
Joined: 4 years ago
Posts: 2784
07/09/2017 10:32 pm  

Put this CSS code in Dashboard > Comments > Settings > Styling > Custom CSS Code Textarea. Save it, delete all caches and do Ctrl+F5 on front-end:

#wpcomm a:visited {
    color: #0073aa;
}
#wpcomm a {
  color: #00a0d2;
}
#wpcomm .wc-comment-text > p > a {
   color: #00a0d2;
}


ReplyQuote
HenriMatthijssen
(@henrimatthijssen)
Member Customer
Joined: 1 year ago
Posts: 22
18/02/2018 12:27 pm  

This is not working for me in the latest wpDiscuz 5.0.2. I thus have the same question again (preferable with using the 'wpdiscuz.css' file in the Themes directory):

How can I change the color of a hyperlinks in the comments? In my case they have the same color as the other comment-text thus you cannot see it.

See also below where word 'forum' is a hyperlink:

hyperlink


ReplyQuote
Tom
 Tom
(@tomson)
Support Team Admin
Joined: 4 years ago
Posts: 2784
18/02/2018 7:11 pm  

Please leave website URL.

Also please don't set label background white. It should be transparent.


ReplyQuote
HenriMatthijssen
(@henrimatthijssen)
Member Customer
Joined: 1 year ago
Posts: 22
18/02/2018 10:25 pm  
Posted by: Tom

Please leave website URL.

Also please don't set label background white. It should be transparent.

The URL of the screenshot is: https://eye-vision.homeip.net/plex-en-hdhomerun-met-ziggo-smartcard/#comment-68123

How can I set label background to transparent with custom css (wpdiscuz.css in Themes directory)


ReplyQuote
Tom
 Tom
(@tomson)
Support Team Admin
Joined: 4 years ago
Posts: 2784
19/02/2018 1:51 am  

Do you use the wpDiscuz Dark Style? If you don't please navigate to Dashboard > Comments > Settings > Styling admin page and change the Style to Dark.

wpDiscuz dark style
screenshot 2


ReplyQuote
HenriMatthijssen
(@henrimatthijssen)
Member Customer
Joined: 1 year ago
Posts: 22
19/02/2018 10:17 am  

This does not solve the problem. Still the hyperlink is shown in the same color.

Further I actually do not want to change the wpDiscuz Style to Dark as I made some changes in the copy of the wpdiscuz.css file in Themes directory for the default style.

This means I still have the same question: "Which setting to change/adapt in the wpdiscuz.css file so the hyperlink is shown in a different color." (for the default style).

Thank you very much in advance for your assistance.


ReplyQuote
Astghik
(@astghik)
Support Team Admin
Joined: 1 year ago
Posts: 1511
19/02/2018 3:08 pm  

Please try to use following CSS code:

#wpcomm .wc-comment-text > p > a {
color: #00f;
}

ReplyQuote
HenriMatthijssen
(@henrimatthijssen)
Member Customer
Joined: 1 year ago
Posts: 22
19/02/2018 7:32 pm  

I tried this but it does not solve the issue (I made sure that all caches were deleted and explicitly refreshed the page with CTRL-F5).


ReplyQuote
HenriMatthijssen
(@henrimatthijssen)
Member Customer
Joined: 1 year ago
Posts: 22
19/02/2018 7:40 pm  

Found the solution! You need to add '!important' behind it:

#wpcomm .wc-comment-text > p > a {
color: #00f!important;
}

ReplyQuote
Share: