Jump to content

Order of subcategories


Gaby_MC

Recommended Posts

Do you mean like alphabetically 

Achievements:

February 14 2013 - Joined WebFlake & Became Moderator.
March 26 2013 - Became a Dad of 1 kid.
April 8 2015 - Became a Dad of 2 kids.
July 15 2015 - Retired as a Moderator.
November 11 2016 - Passed my Car Driving Licence.
April 13 2017 - Became apart of the Junior Moderator Team.

Link to comment
Share on other sites

If I'm not mistaken, in ACP> Comunity> Forum you should be able to organize both the categories and the sub-categories, regardless of the theme used

EDIT

Oops, sorry ... I did not see the Moderator's intervention

Link to comment
Share on other sites

Just add padding using CSS;

.ipsDataItem_subList li {
    padding-right: 10px !important;
}

 

  • Like 1
  • Support Team - September 9th, 2017 - June 8, 2018
  • Junior Moderator - December 14th 2018 - November 16th, 2019
  • Designer - November 16th, 2019 - June 5th, 2020
  • Moderator - June 5th, 2020 - August 28th, 2020
Link to comment
Share on other sites

  • 1 month later...
On 5/28/2018 at 4:34 PM, Jeffrey said:

Just add padding using CSS;


.ipsDataItem_subList li {
    padding-right: 10px !important;
}

  

Add to custom.css?

Link to comment
Share on other sites

I have entered this code on custom.css

.ipsDataItem_subList li {
    padding-right: 10px !important;
}

and now the sub-forums look like this:
image.thumb.png.6022cf7003945752c8da359703d1f3cf.png

but they are not properly aligned.
image.thumb.png.78e37230ee89a8cee5e0c67e71bfd7bf.png

So...How can I aligned them?

Link to comment
Share on other sites

  • 2 weeks later...

Add to custom.css:

 

.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; }

 

testf.thumb.png.f4fc9f6b284226e4020537a86914256b.png

Link to comment
Share on other sites

  • 5 weeks later...
Guest
This topic is now closed to further replies.
×
×
  • Create New...