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

Background changes

Discussion in 'Styling and Customization Questions' started by strongarm_playa, Dec 2, 2012.

  1. strongarm_playa

    strongarm_playa Active Member

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

    Shelley Well-Known Member

    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;
    }
    
     
    Jake Bunce likes this.
  3. strongarm_playa

    strongarm_playa Active Member

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

    Digital Doctor Well-Known Member

    describe what you want with examples.
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  6. kankan

    kankan Active Member

    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: Feb 9, 2016

Share This Page