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

Sub headings - different backgrounds?

Discussion in 'Styling and Customization Questions' started by HenrikHansen, Aug 1, 2012.

  1. HenrikHansen

    HenrikHansen Well-Known Member

    Does anyone know how this can be done? I have seen it on several XF boards. Thanks for your help.
     
  2. Shelley

    Shelley Well-Known Member

    Not sure what you mean. Are you wanting to have different images for example float to the right on each category? like this site? http://urbanfantastic.com/

    if so here's an example where the node id will differ from yours and I expect the height will also which you can adjust accordingly when you apply your own imagery.

    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;
    }
     
     
    
     
    HenrikHansen and Jake Bunce like this.
  3. HenrikHansen

    HenrikHansen Well-Known Member

    Yes, exactly. Thanks.
     
  4. HenrikHansen

    HenrikHansen Well-Known Member

    Shelley, one last question, do you know how I can remove the space around the inserted images?
    You can see int the screenshot, the images inserted as normal in the sub-heading box has no space around and fills the subheading completely (the airplane) whereas the images inserted in extra.css does not (large image)?

    margin.jpg
     

    Attached Files:

Share This Page