• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Background changes

Shelley

Well-known member
#2
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/

Code:
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;
}
 

kankan

Active member
#6
Undiging :)
I have set this code to display a personnal banner :
Code:
.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 :
Asus.png
any way to auto resize the background ?
Thanks
 
Last edited: