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

Add category separation

Discussion in 'Styling and Customization Questions' started by AT8500, Jan 29, 2013.

  1. AT8500

    AT8500 Member

    Hello,
    I will try my best to explain what I want.
    I wan to custmoize default style in way that every categorygroup is somehow separated, something like this shown in picture or better like this http://xenforo.com/community/resources/charm.1339/
    (not exactly same colours but just way to do it)
     

    Attached Files:

  2. Shelley

    Shelley Well-Known Member

    insert the following into the EXTRA.CSS Template...

    Code:
    .nodeList .node.level_1 {
        margin-bottom: 20px;
        border-width: 0 1px 1px;
        border-color: green;
        border-style: solid;   
    }
     
    AT8500 likes this.
  3. Shelley

    Shelley Well-Known Member

    I just tested this on my site and the code above, the border on the left & right span up to the sides of the category. The following will span to the bottom of them if this is better suited for you.Same as above, paste in the EXTRA.CSS template

    You could probably do with adding some padding-bottom: 10px; but the styling would be your preference.

    Code:
    #forums .nodeList {
        margin-bottom: 20px;
        border-width: 0 1px 1px;
        border-color: green;
        border-style: solid;   
    }
    
     
  4. AT8500

    AT8500 Member

    Thank you will try it when I get home ;)
     

Share This Page