Notifications
Clear all

[Closed] Help me with some elements for darkmode?

10 Posts
3 Users
0 Likes
530 Views
Posts: 5
Topic starter
(@qnkov)
Active Member
Joined: 1 year 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.

9 Replies
Chris
Posts: 3650
(@chris)
Famed Member
Joined: 3 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;
}
2 Replies
(@qnkov)
Joined: 1 year ago

Active Member
Posts: 5

@chris I does not work. Nothing changes. 🙂

Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10499

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

Posts: 5
Topic starter
(@qnkov)
Active Member
Joined: 1 year 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. 

5 Replies
Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@qnkov,

Provide a screenshot of what you want to change.

(@qnkov)
Joined: 1 year ago

Active Member
Posts: 5

@chris Hi, i did in my first post.

Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

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

(@qnkov)
Joined: 1 year 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.

Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@qnkov,

Try these one:

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