Background changes

[strongarm_playa]

Is it possible to have a different background for each forum/category?

 

[Shelley]

There's a few ways to go around this. But adjust the node id in the code below to your node id, and path to image will differ and adjust to your preference. You can place the following in Extra.css template.

Or you can revert to this thread to accomplish it another way. http://xenforo.com/community/threads/set-different-images-for-each-category-in-the-node-list.16544/

fieldset .nodeList.sectionMain .node.category.level_1.node_1 .categoryText {
    background: url("@imagePath/xenforo/gradients/1.png") no-repeat scroll right center transparent;
    height: 45px;
}
 
fieldset .nodeList.sectionMain .node.category.level_1.node_4 .categoryText {
    background: url("@imagePath/xenforo/gradients/4.png") no-repeat scroll right center transparent;
    height: 45px;
}
 
fieldset .nodeList.sectionMain .node.category.level_1.node_10 .categoryText {
    background: url("@imagePath/xenforo/gradients/10.png") no-repeat scroll right center transparent;
    height: 45px;
}
fieldset .nodeList.sectionMain .node.category.level_1.node_14 .categoryText {
    background: url("@imagePath/xenforo/gradients/14.png") no-repeat scroll right center transparent;
    height: 45px;
}
fieldset .nodeList.sectionMain .node.category.level_1.node_22 .categoryText {
    background: url("@imagePath/xenforo/gradients/14.png") no-repeat scroll right center transparent;
    height: 40px;
}
fieldset .nodeList.sectionMain .node.category.level_1.node_70 .categoryText {
    background: url("@imagePath/xenforo/gradients/70.png") no-repeat scroll right center transparent;
    height: 45px;
}

 

[strongarm_playa]

this isnt working for me. I dont think this is what im talking abpout

 

[Digital Doctor]

this isnt working for me. I dont think this is what im talking abpout

describe what you want with examples.

 

[Jake Bunce]

http://xenforo.com/community/threads/different-colour-bars.6471/#post-279318

 

[kankan]

Undiging
I have set this code to display a personnal banner :

.node.category.node_28 .categoryStrip  {
background: url("http://www.forum-des-portables-asus.fr/forums/images/test.png") no-repeat;
width:100%;
min-height: 60px;
}
.node.category.node_28 .categoryText
{
display:none
}

In responsive mode, the banner isn't displayed entirely :

any way to auto resize the background ?
Thanks