Categories - Custom Background Colours (To Each ID)?

[Inked_Mono]

Originally Posted by MarkFL

Try something like this:

#catXX .forumhead {
	background: red !important;
}

Change "XX" to the forumid of the category you want to change, and change the color to suit your preference. Add a selector like the above for each category you want to affect.

I just had to change it to read;

#catXX .vbs_forumhead {
	background: red !important;
}

and it worked perfectly. A few minor tweaks, and it's exactly what I'll need. Thank you!

--------------- Added [DATE]1466543458[/DATE] at [TIME]1466543458[/TIME] ---------------

Originally Posted by MarkFL

Try something like this:

#catXX .forumhead {
	background: red !important;
}

Change "XX" to the forumid of the category you want to change, and change the color to suit your preference. Add a selector like the above for each category you want to affect.

Random question:

Adding in a background, it seems to rid of the padding/internal black border.

Before: http://i.imgur.com/NYKosqU.png
After: http://i.imgur.com/BhhD3A6.png

I've got the CSS to try and include a border and appropriate padding, but it doesn't seem to be working.

Before (CSS): http://i.imgur.com/UEsw4hc.png
After (CSS): http://i.imgur.com/e2A7rch.png

Any idea what might be causing the conflict?



Edit2: Found a work around!

By adding the following into the initial override CSS, I was able to add an inside border.

    -webkit-box-shadow:inset 0px 0px 0px 10px #000;
    -moz-box-shadow:inset 0px 0px 0px 10px #000;
    box-shadow:inset 0px 0px 0px 10px #000;

So, in entirety, the code looks like the following:

/* Custom Category Colors */
#catXX .vbs_forumhead {
        background: #2b3227;
        -webkit-box-shadow:inset 0px 0px 0px 10px #000;
        -moz-box-shadow:inset 0px 0px 0px 10px #000;
         box-shadow:inset 0px 0px 0px 10px #000;
}

--------------- Added [DATE]1466545022[/DATE] at [TIME]1466545022[/TIME] ---------------

Aaand... I've hit a snag.

/* Custom Category Colors */

#cat86 .vbs_forumhead {
        background: #683030;
        -webkit-box-shadow:inset 0px 0px 0px 10px #000;
        -moz-box-shadow:inset 0px 0px 0px 10px #000;
         box-shadow:inset 0px 0px 0px 10px #000;
}

#cat49 .vbs_forumhead {
        background: #683030;
        -webkit-box-shadow:inset 0px 0px 0px 10px #000;
        -moz-box-shadow:inset 0px 0px 0px 10px #000;
         box-shadow:inset 0px 0px 0px 10px #000;
}

Does anybody know why the code wouldn't apply to the multiple categories? It seems to only work for the first, but even then, changing the first number from 86 to 49 doesn't seem to do anything.

http://i.imgur.com/2JPaBZW.png

Edit: This seems to just be an issue with the first category of each tab. I can't do any of the further categories, however the first one works without a problem.

http://i.imgur.com/ydstYci.png