Forum Home Enhancements - Change Background Color for Specific Forums on Homepage

This modification will allow you to change the background color of specific forums on your forumhome.

For example, if you want to draw more attention to your private sections to drive paid registrations, this can help.

This mod is done via one simple template edit.

STEP 1 - Find the forumhome_forumbit_level2_post template via edit templates > Forum Home Templates.

Find the code below

<div class="forumrow table">

And replace it with

<div class="forumrow table"
<vb:if condition="$forum[forumid] == XXX">
style="background-color:#xxxxxx;"
</vb:if>
>

Replace XXX with the forumid of the forum you want to change the background color of.

Replace xxxxxx to the hex code of the color you want to use. You can find hex codes here, http://www.html-color-codes.com

If you have multiple forums you want to change the background colors of for each, simply stack additional vb:if conditions before the > for each forum you want to change.

Like below

<div class="forumrow table"
<vb:if condition="$forum[forumid] == XXX">
style="background-color:#xxxxxx;"
</vb:if>
<vb:if condition="$forum[forumid] == XXX">
style="background-color:#xxxxxx;"
</vb:if>
<vb:if condition="$forum[forumid] == XXX">
style="background-color:#xxxxxx;"
</vb:if>
>

Straight forward, works like a charm.

Check out my other Template Modifications for 4.x!

[Postbit-Legacy Hack] Attractive User Info Boxes for Posts

Link Private Forums to thread instead of error message

Sidebar Anywhere Enhancement - Custom Blocks Per Forum or Page

Change Thread Title Color for Specific Forums on Homepage

Change Title Color of Specific Forums on Homepage

Thread Starter Image in Postbit for OP

CUSTOM BUTTONS that look like your forum!

Custom User Rank Box in Posts

[astdirect]

Didn't work for me im afraid - no change.

[masonox]

Best I've been able to do with only a minute of work is change it to this to change text color. I haven't tried working with background colors, but I'm sure the html is simple.

<vb:if condition="$forum[forumid] == XXX">
<span style="color:XXXX">
</vb:if>

[faisaly.com]

does not work using vb4.1.11 just added the simple code....

[edytwinky]

Is this working for anybody?

[addamroy]

I re worked the code a little bit, try again.

[Raptor]

not working in vb 4.2.3

[ShawneyJ]

Works ok on my test board Version 4.2.5.

[Raptor]

this worked perfectly - simply add to the themes additional.css

XXX is the forum ID, #FFFFFF is the color

#catXXX .forumhead {
background: #FFFFFF !important;
}

Thanks to MarkL

[Raptor]

Add this code to additional.css and it will change the background color of the header, the topic title, and the topic description

Simply add the forum ID and colors

Example:

#cat374 .forumhead {
	background: #2491BF !important;
}
#cat374 .forumbit_post .forumtitle a {
    color: #2491BF !important;
}
#cat374 .forumbit_post .forumdescription {
    color: #373737 !important;
}

Tested with vb4.2.5