IP.Board Tutorials

Order of subcategories

Submitted by TOTE, , Thread ID: 95846

Thread Closed
18-07-2018, 07:44 AM
#1
Add to custom.css


Code:
.ipsDataItem_subList{ overflow: hidden; }

    html[dir="ltr"] .ipsApp .ipsDataItem_subList,
    html[dir="rtl"] .ipsApp .ipsDataItem_subList{
      background: none;
      line-height: 220%;
      padding-left: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 4px;
    }
    
    .ipsDataItem_subList li{
      float: left;
      width: calc(100% / 3 - 5px);
    }

    html[dir="rtl"].ipsDataItem_subList li{ float: right; }
    
    .ipsDataItem_subList li a:after{ display: none; }
  
    html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ margin-left: 0; }


Default:

[Image: oVdwu9K.png]

Result:

[Image: N6XcF1l.png]

RE: Order of subcategories

#2
I like the default version better, just them spaces in between the text on your version, not very good looking. Anyways, some people might find it interesting, good job!

RE: Order of subcategories

#3
Sorry for restore this topic, any way to update that to 4x? i have alot trouble....

ipsDataItem_subList was change for some where

Users browsing this thread: 3 Guest(s)