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

XF 1.3 Sub-Forum list displayed vertically?

Discussion in 'Styling and Customization Questions' started by Emil JaBo, Aug 30, 2014.

  1. Emil JaBo

    Emil JaBo Active Member

    Hi,

    I have a forum that has 10 sub-forums. These are set so as to be displayed as a list below the parent node. At the moment there are displaying as a list horizontally across the page. I would like them to display as a vertical list below the parent node. I presume this is possible and that I have missed a setting somewhere. Could someone please explain how to change it to a vertical list?

    Thanks
     
  2. AndyB

    AndyB Well-Known Member

    Admin CP -> Appearance -> Style Properties -> Forum / Node list -> Show sub-forums popup

    The check box should be checked.
     
    Emil JaBo likes this.
  3. Emil JaBo

    Emil JaBo Active Member

    Thanks for your reply Andy. The vertical list displayed in the pop up is exactly what I want but without the pop-up. I want the sub-forum list to permanently display as a vertical list below the parent node without having to use the pop-up to display the list. Any ideas? :)
     
  4. Emil JaBo

    Emil JaBo Active Member

    So this is not possible unless I use a mod?
     
  5. Sheldon

    Sheldon Well-Known Member

    This can be achieved with CSS

    Screenshot_1.png

    Code:
    .nodeList .node .subForumList li {
        float: none;
    }
     
    crlfrancis, RoldanLT and Emil JaBo like this.
  6. Emil JaBo

    Emil JaBo Active Member

    Thanks Sheldon, that is exactly what I require. Being a total noob, where exactly do I copy/paste that CSS code if you don't mind me asking? :)
     
  7. Sheldon

    Sheldon Well-Known Member

    Go to your templates and post that in Extra.CSS
     
    Neal and Emil JaBo like this.
  8. Emil JaBo

    Emil JaBo Active Member

    Wow, as easy as that. Works/looks great. Thanks :)
     
  9. RoldanLT

    RoldanLT Well-Known Member

    How about divide it by two columns?
     
  10. Emil JaBo

    Emil JaBo Active Member

    Also, if I have really long sub forum title names. Is there a way to stop the titles length from clipping to: (...) ?
     
  11. Sheldon

    Sheldon Well-Known Member

    Code:
    .nodeList .node .subForumList li {
         width: 48%;
    }
     
    IPF, crlfrancis and RoldanLT like this.
  12. Sheldon

    Sheldon Well-Known Member

    On the default style, it works fine. The limit is 50 characters, as shown in last sub-forum.
    Screenshot_2.png
     
    Emil JaBo likes this.
  13. RoldanLT

    RoldanLT Well-Known Member

    Thanks (y)
     
  14. Emil JaBo

    Emil JaBo Active Member


    Thanks, it must be my custom style then because it's clipping at 39 characters. :)
     

Share This Page