How can I hide all subcategories from homepage?

[boospy]

Hello all,

i’am search for “how can i hide all subcategories from homepage”. I would like this to do because we have now over 50 subcategories, and it becomes very long to scroll down. Is there a way to hide this subcategories from homepage from on specific maincategorie?

3.1.0.beta2 is installed.

Found this

GitHub - discourse/discourse-categories-suppressed

not tested, but i thing it does something different.

Very thanks and best Regards

[Jagster (Jakke Lehtonen)]

You are so disliking this answer, but you are asking wrong question. You are now trying to solve out an issue that came from your earlier acts and the real question should be:

If I don’t and can’t show sub-categories for users at their first navigation point, and sub-categories will be kind of hidden option, why I’m using sub-categories at all and should I ditch them and use tags instead.

[Canapin (Coin-coin le Canapin)]

Hi boopsy!

@boospy

Is there a way to hide this subcategories from homepage from on specific maincategorie?

Yes, it’s certainly possible with CSS, to be added in your admin panel.

Customization → Theme → Edit CSS/HTML

From the category page:

.categories-list .subcategories {
     display: none;
}

@boospy

on specific maincategorie?

Can you clarify this part?
Do you use subcategories boxes?

[boospy]

@Canapin

Can you clarify this part?

I mean the part directly on startpage. First have one categorie and after you can add subcategories to this “i say” maincategorie. You can see the subcategories under a maincategorie. With dots and the name. This is what i would hide, because it is to long.

After i click directly in a maincategorie, i would like to see alle subcategories there, so the default again.

[boospy]

@Canapin

.categories-list .subcategories {
     display: none;
}

tested, yes it works, but with this all subcategories are now hide.

[Heliosurge (Dan DeMontmorency)]

You may want to look at this theme component.

Category Hider Theme Component

Hi all, I’ve created a simple theme component. I hope this could be of use for some! Overview This is a theme component that allows you to hide specific categories from either the hamburger menu or category boxes. Why would you need this component? If your discourse website has a lot of categories and you would like to hide some from appearing in either the menu bar or on the main page, this component can be helpful. Screenshots Preview of Hambur…

I think it will.do what your looking for.

There are also site settings that affect how categories are displayed and othet theme-component like Modern Category Boxes.

[bayardo.rivas]

I am running Discourse version 3.5.0.beta8-dev and I need to edit the CSS of the theme to test some small changes. How can I get access to the CSS. I found some guides but looks like for the previous web interface and does not match with the current version. Thanks for your help.

[putty (Derek Putnam)]

There should be a theme component that is specific to your Theme. Look for one with Snippets in the name.

[Moin]

Remote themes and default themes do not have the section for customizations. Instead, you can make the changes in a theme component which you add to the theme.

Customizing themes without an Edit code button

Sometimes, you may want to customize a Discourse theme but find that there’s no “Custom code” section with an “Edit code” button available. This often happens with remote themes (themes installed from an external source). Here’s how you can still add your customizations: Understanding the limitation For remote themes, you’ll typically see a message like: If you want to edit this theme, you must submit a change on its repository [Example of Air Theme with edit limitation] Hos…

[bayardo.rivas]

Thank you @Moin , you are the best !

I am trying to add some CSS code to hide the SUBCategory “Otros” (this is the slug: Otros-t) that have the same name in different parent categories. I will try to add a Component as you recommend with this code:

.category-list-item.category-Otros-t {
display: none !important;
}

Any advice..it is very wellcome.