Notifications
Clear all

wpForo 1.x.x [Closed] Comment box background on threads

5 Posts
2 Users
0 Likes
1,295 Views
Posts: 3
Topic starter
(@aiptasia)
Active Member
Joined: 5 years ago

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. 

4 Replies
Robert
Posts: 10499
Admin
(@robert)
Support Team
Joined: 8 years ago

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)

Posts: 3
Topic starter
(@aiptasia)
Active Member
Joined: 5 years ago

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

2 Replies
Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10499

@aiptasia

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.

(@aiptasia)
Joined: 5 years ago

Active Member
Posts: 3

@robert

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