Notifications
Clear all

Help me with some elements for darkmode?

10 Posts
3 Users
0 Likes
342 Views
Posts: 5
Topic starter
(@qnkov)
Active Member
Joined: 11 months ago

Hi, cuz my site have darkmode option, i’m adding .darkmode elements in my style.php from the wpforo. Right now i’m to change the color of few elements, but i cannot find the right code.

Check picture –  https://prnt.sc/KxMP4EkcLsu3

I'm using codes like that in my style to change certain elements for darkmode:

darkmode #wpforo #wpforo-wrap .wpfl-4 .wpf-head-bar {
background-color: #555555;

Can u tell me from where to change that White color? Or maybe that’s like mini-image? I want to change it to black or transperant.

wpForo Version
2.0.9
WordPress Version
6.0.2
9 Replies
Posts: 3653
Admin
(@chris)
Support Team
Joined: 2 years ago

Hi @qnkov,

Try this CSS Code: 

#wpforo #wpforo-wrap .wpf-breadcrumb div:after,#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after {
    background: #000000;
}
Reply
2 Replies
(@qnkov)
Joined: 11 months ago

Active Member
Posts: 5

@chris I does not work. Nothing changes. 🙂

Reply
Robert
Admin
(@robert)
Joined: 7 years ago

Support Team
Posts: 10149

@qnkov,

Please note, that you should not use wpForo Dark Style with WordPress light theme. If you want to use wpForo Dark style then search for and install somedark theme for your WordPress, otherwise the light theme CSS will always affect the wpForo dark style, and you'll see such issues everywhere.

Reply
Posts: 5
Topic starter
(@qnkov)
Active Member
Joined: 11 months ago

Yea i know, that's why i'm fixing things in that way, but i cannot find the right element for that i need to change here. 

Reply
5 Replies
Admin
(@chris)
Joined: 2 years ago

Support Team
Posts: 3653

@qnkov,

Provide a screenshot of what you want to change.

Reply
(@qnkov)
Joined: 11 months ago

Active Member
Posts: 5

@chris Hi, i did in my first post.

Reply
Admin
(@chris)
Joined: 2 years ago

Support Team
Posts: 3653

@qnkov,

I'm asking because the URL you gave is not using wpForo dark theme and I don't see an issue with the part in the provided screenshot.

Reply
(@qnkov)
Joined: 11 months ago

Active Member
Posts: 5

@chris I'm not using the dark theme of the forum. My theme has dark option, and when i click it i want your forum to become dark too. That's why i'm adding custom css code to my style.css so i can make certain elements dark. I've showed in the screenshot which sections i cannot find how to make them dark.

Reply
Admin
(@chris)
Joined: 2 years ago

Support Team
Posts: 3653

@qnkov,

Try these one:

#wpforo #wpforo-wrap .wpf-breadcrumb div:after,
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover{
    background: none !important;
}
Reply