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.
Hi @qnkov,
Try this CSS Code:
#wpforo #wpforo-wrap .wpf-breadcrumb div:after,#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after {
background: #000000;
}
@chris I does not work. Nothing changes. 🙂
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.
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.
@chris Hi, i did in my first post.
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.
@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.
Try these one:
#wpforo #wpforo-wrap .wpf-breadcrumb div:after,
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover{
background: none !important;
}