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

XF 1.4 Forum_List, How can I add border in each Category?

Discussion in 'Styling and Customization Questions' started by RoldanLT, Jul 6, 2015.

Tags:
  1. RoldanLT

    RoldanLT Well-Known Member

    How can I remove this border:
    [​IMG]

    And add border in each Category:
    [​IMG]
     
  2. RoldanLT

    RoldanLT Well-Known Member

    With this code:
    Code:
    /* Category Border */
    .nodeList .node.level_1 {
      border: 1px solid @primaryLighter;
      border-top: none !important;
    }
    #forums {
      padding: 0px !important;
      border: none !important;
    }
    I got this now:
    upload_2015-7-7_4-6-54.png

    There is a gap on Category title block :/
     
  3. Chris D

    Chris D XenForo Developer Staff Member

    Remove the sectionMain class from the <ol> that also has a "nodeList" class and an ID of "forums".

    Then, you want to add the following CSS:

    Code:
    .nodeList .node.level_1
    {
        border: 2px solid red;
        padding: 10px;
        border-radius: 5px;
    }
     
    RoldanLT and Motobaka like this.
  4. RoldanLT

    RoldanLT Well-Known Member

    This CSS fulfills my desire :)
    Code:
    .nodeList .node.level_1 {
      border: 1px solid @primaryLighter;
      border-top: none !important;
    }
    #content.forum_list #forums {
      padding: 0px !important;
      border: none !important;
    }
    .grid_column, .grid_full {
      padding: 0px !important;
    }
    #content.forum_list .node .nodeLastPost {
      margin-right: 8px !important;
    }
     

Share This Page