Hey guys. Anybody know how to change the background color of the "comments" box after forum posts? We have a dark theme for our website and I can't seem to either find the right color to change in the style settings for the forum page or i'm just totally overlooking something. I tried searching the forums for the answer but I didn't come across it. Here's a picture for reference.
Hi @aiptasia,
That's very easy to do with 'wpforo_editor_settings' filter hook. Put this code in your current active WordPress theme functions.php file.
function wpforo_custom_editor_css( $settings ){
if( isset($settings['tinymce']['content_style']) ){
$settings['tinymce']['content_style'] .= ' body{background-color: #DD9933!important; color: #222222!important;}';
}
return $settings;
}
add_filter('wpforo_editor_settings', 'wpforo_custom_editor_css', 12);
How to Easily Add Custom Code in WordPress (without Breaking Your Site)
Perfect. It was a little too orange for my tastes so I adjusted the color code to our black background and now it looks seamless. Thanks for the help!
I only have one other nagging issue and it has to do with this BAM theme. The developers don't appear to have a support forum and emails have been incommunicado. It's been maddening trying to track down a color for the categories links. For example, the theme was originally a white background and the text color of categories displayed above the blog posts is in the original black. I've tried to change every color in the BAM theme and I can't find the location in the theme where that color setting is.
You can see it here. Underneath the images for the various posts, you'll see where the categories (freshwater/Invertebrates/Saltwater) links are completely black. If you highlight them they'll show up but people looking at the page don't even know they're there. I need to change their color so they show up against the black background better. If I can get that fixed, i'll be all set. 🙂
You can use CSS code. In the top black admin bar, click on [customize] menu, then find Additional CSS Tab in opened left sidebar, then put this CSS code in that textarea and save it using the [Publish] blue button on top of that sidebar:
.cat-links a{color: #999999;}
.bam-entry .entry-title a:hover{color: #db5116;}
After this, delete Automptimizer cache, then delete website cache, then press Ctrl+F5 on that page and check it.
I did as you asked and it's not working. I cleared all of the caches and the links are still black on black on my end. I had some more CSS code already there. Here's what my additional CSS entries look like in the Bam theme:
ins.adsbygoogle { background: transparent !important; }
.cat-links a{color: #FFFFFF;}
.bam-entry .entry-title a:hover{color: #db5116;}
The set of brackets around the a:hover color is highlighted in orange (not sure what that means).