Notifications
Clear all

[Solved] "This topic is also published as an article" button

6 Posts
2 Users
0 Reactions
528 Views
Posts: 4
Topic starter
(@tsr12)
Active Member
Joined: 1 year ago

I'm currently using the forums dark mode.  Due to the dark mode, the writing color is light gray.

The "this topic is also published as an article" button shows up white and the writing is not readable due to gray font on the white button.

Is there a CSS code that will allow me to change this button's background color?

Web capture 30 8 2023 19233 theshareholderreport.com

 Thanks

5 Replies
Astghik
Posts: 6149
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Please leave the example URL to allow us to debug the issue and provide a CSS solution for you.  

Posts: 4
Topic starter
(@tsr12)
Active Member
Joined: 1 year ago

Here is my URL.  Notice the "this topic is also published as an article" button at the bottom is hard to read using the dark mode which requires a light font to read the words in dark mode.

https://theshareholderreport.com/community/main-forum-3/market-is-blind/#post-70

Posts: 4
Topic starter
(@tsr12)
Active Member
Joined: 1 year ago

I just realized that you couldn't view the topic due to my forum settings. 

 

I just changed the settings and you can now view the topic.

Here is my URL.  Notice the "this topic is also published as an article" button at the bottom is hard to read using the dark mode which requires a light font to read the words in dark mode.

> https://theshareholderreport.com/community/main-forum-3/market-is-blind/#post-70 <

1 Reply
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6149

@tsr12,

Use the CSS code below: 

#wpforo #wpforo-wrap .wpfl-2 .wpfcp-topic-info a {color: #000 !important;}

The CSS code should be added in the "Custom CSS code" textarea. More inof here: https://wpforo.com/docs/wpforo-v2/settings/colors-styles/#custom-css-code

The red-marked value can be changed as you like.  

In case if you want to change the "This article is also published as a forum topic here »" phrase color use this CSS code: 

.wpfcp-article-info > a { color: #000 !important; }

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Posts: 4
Topic starter
(@tsr12)
Active Member
Joined: 1 year ago

Thank you!  It worked!

Share:
Scroll to top