Following on from the above thread, it seems that there are two options to do this, either by adding the ‘User Profile and Notifications’ widget, or by following the link in the main menu next to the search, or of course using both options.
I’m using the ‘Dark’ theme, and the problem I’m having, is that when the ‘dark’ version of the theme is used, the menu remains hidden until you thrash about in there and maybe find it by accident.
Quick question then:
Not wishing to go through all the options for changing the mobile menu background and icon colours, which option needs to be changed in forums>settings>styles?
Hi @deeveearr,
Please leave your forum URL to allow us to check it.
Sure, its at https://www.midlandsmaidens.com/community/
There’s a little CSS in there now to try and bump the mobile menu up a little, but it doesn’t work on firefox.
Give me a minute whilst I rip it out, and it’s all yours.
@deeveearr,
Please try this code to change the mobile menu icon colours:
#wpforo-wrap .wpf-res-menu {
color: #fff;
}
The following code change the background color:
@media screen and (max-width: 600px)
#wpforo-wrap #wpforo-menu .wpf-menu {
background-color: #4f4f4f !important;
}
All CSS codes should be added in the Dashboard > Forums > Settings > Styles admin page “Custom CSS code” textarea.
Please note the color and background-color values can be changed.
In any case, don’t forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.
Thanks @gvectorssupportmember that works great now!
Hmmm, I’m afraid that the dark theme is just not working properly.
Just tried to add a new topic and all of the top menu is white text on a white background so there’s no perceptible addition of files, tables etc, and the #ffffff background colour on the main post looks way out of place on a dark theme.
I think then to pull it back to the default theme and to mess around with the style settings might be the best option here.
Hi @deeveearr,
Have you made any change in the theme colors settings? There should not be such issues.
No, none whatsoever.
I always knew that I was going to use the dark theme, so that’s what I enabled.
Up until this morning there was just the #wpforo-wrap for the font sizes in the CSS code, and nothing else has been touched apart from the code you just supplied, and ‘colour number 16’ to make the breadcrumbs text a little lighter.
Yes that’s it – and the text box looks a little glaring for a dark theme.
Ideally, the text that’s white on a white background should show up the same as the ‘re test topic’ just above it, ie as dark text on a medium/lighter background, as should the text field below – and the icons in the menu on the dark background should not disappear when you hover over them.
*edit* Just noticed the part that you highlighted saying that the editor is not part of the WpForo editor and that it’s a tinymce editor.
I’ll try and disable that…
-
This reply was modified 5 years, 11 months ago by
deeveearr.
Have you found the plugin which adds this menu? You’ve installed an advanced editor tools plugin You can deactivate it or use this CSS code to adopt it with the dark colors:
#wpforo-wrap div.mce-menubar{background: #333;}
#wpforo-wrap .mce-menubar .mce-menubtn:hover,
#wpforo-wrap .mce-menubar .mce-menubtn.mce-active,
#wpforo-wrap .mce-menubar .mce-menubtn:focus {background: #555;}
#wpforo-wrap .wp-editor-wrap button:hover {background:#555 !important;}
Don’t forget delete all caches, reset optimized / minified CSS files and press Ctrl+F5 on forum home page.
…lol or I could just apply the CSS code you supplied.
Just one more thing now, would it be possible to add a CSS code to the text area box to make it less glaring in your face?
Hi @deeveearr,
There is no way to change the editor background using CSS code. You should use a hook to send background color. Please read this support topic: https://wpforo.com/community/how-to-and-troubleshooting-2/comment-box-background-on-threads/#post-31596
Nice!
Dropped the code from the above thread into Code Snippets plugin, changed the background colour from the orangey colour to the theme post colour, and changed the font colour to white.
Works nicely now!
