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

XF 1.4 A little help with CSS [Forum Customisation][3 columns]

Discussion in 'Styling and Customization Questions' started by rafass, Apr 23, 2015.

  1. rafass

    rafass Well-Known Member

    I would like to have the forums with this style: [3 columns]
    R 2015-04-23 at 21.56.50.jpg
    Appreciate some help. thanks!
     
  2. RichardKYA

    RichardKYA Well-Known Member

    This will depend on how you have a few things set up in your css already, but in node_list.css, you'll need to target the classes below. I've removed the rest of my styling and left what you should need. Obviously, you may have to tweak it a bit if you have any other margins, borders, etc.

    Code:
    .nodeList .categoryForumNodeInfo,
    .nodeList .forumNodeInfo,
    .nodeList .pageNodeInfo,
    .nodeList .linkNodeInfo
    {
       display:inline-block;
       width:32%;
       margin: .5%;
       float: left;
    }
    
     
  3. rafass

    rafass Well-Known Member

    Thanks RichardKYA!
    Testing and testing with the inspector this code work for me:
    Code:
    /*3 columns*/
    .node .nodeText {
      margin-right: 0 !important;
    }
    .nodeList .node.level_2 {
      width: 260px!important;
      margin-left: 25px!important;
    }
    .nodeList .categoryForumNodeInfo {
      border-bottom: none!important;
    }
    .nodeList .node.level_1 {
      margin-bottom: 0!important;
    }
    R 2015-04-23 at 22.47.16.jpg
    Anyway I'm not sure if is correct, at least the result is ok.
     
  4. RichardKYA

    RichardKYA Well-Known Member

    As long as you get your desire result, then it's all gravy :)
     
    rafass likes this.
  5. rafass

    rafass Well-Known Member

    Thank you RichardKYA! ;)
     

Share This Page