Notifications
Clear all

wpForo 1.x.x [Closed] Fix Night Mode

16 Posts
5 Users
6 Likes
1,796 Views
Posts: 1133
Topic starter
(@percysgrowroom)
Noble Member
Joined: 5 years ago

I have tried everything. Im not good with CSS

body.wp-night-mode-on.mesmerize-inner-page .content { background: #000000; }

I got that so far that turns my background black, but the side bars and widgets dont change. Any ideas? 

VereK
Posts: 495
(@verek)
Honorable Member
Joined: 6 years ago

Does the night mode plugin come with its own colour selection settings or css edit section?

 

 

1 Reply
(@percysgrowroom)
Joined: 5 years ago

Noble Member
Posts: 1133

@verek

It has a place where you can edit some colours yes, i have edited those what i want them but no CSS section. 

The text on the forum is showing dark, an not turning white like it should do. and there are white boxes that do not fit right too. 

Ive managed to change the back ground so it is black, but the forum problem doesnt go away 

 

VereK
Posts: 495
(@verek)
Honorable Member
Joined: 6 years ago

*You will have to FTP into the plugin directory, find the css file for the night mode plugin and edit in settings for

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum {background-color: #000;}

Where #000 is black so change that to whatever colour it is you want. Where div.wpfl-1 = a specific forum so for example wpfl-2 would be "General C Growing" -  you will use the same WPforo css as above but change the relevant wpfl-* so that it applies to all your forums.

You will probably find that there are topic and post divs that need the same treatment too.

*/wp-content/plugins/wp-night-mode/public/css/wp-night-mode-public.css

Posts: 1133
Topic starter
(@percysgrowroom)
Noble Member
Joined: 5 years ago

Maybe it would be better for me to make 2 theme, one dark, one light, and offer my users a choice? 

Does anyone know of any good tutorials online to do this please? this will be better option than try o ge his to work right i think 

2 Replies
VereK
(@verek)
Joined: 6 years ago

Honorable Member
Posts: 495

@percysgrowroom

A theme switcher will face the same issues but a little more difficult to "fix" all the WPforo css.

I think it is easier to simply edit in the required custom css into the night mode css file.

 

(@percysgrowroom)
Joined: 5 years ago

Noble Member
Posts: 1133

@verek

I seem to have given up on achieving either of these lol 

I just can't get anything to work man 🙁 Let me know if you guys figure something out, im stuck 

 

VereK
Posts: 495
(@verek)
Honorable Member
Joined: 6 years ago

Ideally, the night mode plugin would add a pseudo class to the main page element via it's JS so that when it's turned on/off the pseudo class is added/removed dynamically, such would then apply the basic CSS to all page elements. It might be the case that one could also prepend this pseudo class to a global WPForo selector which would effectively turn off the WPForo CSS thereby applying the plugin settings universally across your site. 

In any event, I would have find and install a couple of these plugins on my dev to see what and how they do it.

1 Reply
(@percysgrowroom)
Joined: 5 years ago

Noble Member
Posts: 1133

@verek

Mate, that makes just as much sense as reading my handwriting 😉 lol. Sounds like a mission. I sort of understand what you mean, but have no idea how to even start implementing stuff like this.....

I need to learn more about CSS and all that.... any good references you would recommend? 

 

Page 2 / 2