Hide specific tags from the sidebar or tags page

Felli

Felli I'd also like to note that it does work for primary tags as well, as long as /t/{slug} is changed to the exact slug used in the forum tag needed, so doesn't really need to be in the secondary tags so no moving from primary to secondary really needed for beta 7/8 just doesn't work in beta 9 from the tests I've just done. 😁

jordanjay29

datitisev Excellent, updated with the more concise code!

Felli I'd also like to note that it does work for primary tags as well, as long as /t/{slug} is changed to the exact slug used in the forum tag needed, so doesn't really need to be in the secondary tags so no moving from primary to secondary really needed

The note about secondary vs primary tags is only for the Tags page, where the two are displayed in different ways. It was really just something I added so that someone wouldn't ask how to hide a primary tag from that page, because it should be self-evident (make it secondary, use this method).

datitisev

This can be simplified and modified to prevent hiding in other dropdowns that do link to that tag.

You can just put the slug links of any tag that you want to remove, only secondary tags will be removed from the tags page though.

// This one removes secondary tags by their /t/slug on the tags PAGE
// and any tag by their t/slug on the tags SIDEBAR
.TagCloud, .IndexPage-nav .item-nav {
  [href="/t/slug-one"],
  [href="/t/slug-two"] {
    display: none !important;
  }
}

MikeJones

I just noticed after hiding them, the more is still on the left under tags fro me

Leanna

I hope there is an extension that limits the number of labels displayed on the front page, or specifies that specific labels are displayed in the home sidebar because the number of labels is too much.

luceos

No extension would be needed. This could be best PRed against the tag extension itself.

MikeJones

Minor - bug (If you can really call it a bug)

This code does not work with the User Directory Extension.

If you are looking at your user directory then pick any other option other than the default from the user directory filter the tags to appear on the left. This isn't a huge issue cause its most likely only your admins who can see this page anyway, but I just wanted to point it out.

MikeJones

S0 I was playing around with the CSS today. IF you want to hide the more tags button just add this line:

   [href="/tags"] {
	    display: none !important;
	}

clarkwinkelmann

MikeJones careful, your code also removes the "Tags" link below "All discussions", making it impossible to access the tags page. This might not be the intended behavior.

It could also hide links to the tags page inserted by users on the forum, if using relative links (like [url=/tags]click here[/url]). If this happens it might cause headache to the forum moderators once someone encounters it and can't figure out why their link isn't rendered.

To hide only the "more" button, I suggest using:

.item-moreTags { display: none; }

MikeJones

clarkwinkelmann sweet thanks! I will try this out when I get home

MikeJones

Found another little bug, for some reason, this code does not work to hide the tags if you use the filters for "Top", "Newest", or "oldest" the tags always pop back up after selecting one of those.

clarkwinkelmann

MikeJones this code

Which one ? I'm curious to check that.

UPDATE: oh okay I see. With the code provided by jordan, it will only match the exact url. But the url changes when you apply a filter because the filter is also applied to all those urls (for example /t/general becomes /t/general?sort=top).

You could replace the exact match [href=] with a start-match [href^=]. See https://css-tricks.com/almanac/selectors/a/attribute/ for the available selectors 😉

HD3D

Can anyone help me with similar thing?
How to hide/exclude specific tag from search result?

jordanjay29

HD3D That one requires more changes on the backend. You'll be better off posting it in the Dev tag instead, it's not a CSS fix (even if you hide the results through frontend trickery, they're still going to be loaded).

TidbitSoftware

In my use case, I wanted to hide the 'Best Answer' tag link (https://extiverse.com/extension/fof/best-answer) from the left sidebar and 'Tags' page. To do so, I added the following to the 'Custom Styles' from the 'Administration' page:

a[href='/forum/t/best-answer'] { 
    display: none !important;
}

AndyS

jordanjay29 I know this post is 5 years old but I'm just starting out with Flarum and want to be able to hide secondary tags from Sidenav on all pages where it is displayed. The CSS code given in this post seems to be the solution I'm looking for but after pasting it into the Custom CSS code box and adjusting the slug names to match the ones I want to hide, the tags are still displayed in the Sidenav,

Is there something else I need to do?

User31

AndyS

I've been working on the same thing all afternoon.
Here's what I've pieced together so far:

/*REMOVE-NAV-TAGS BEGIN*/
.IndexPage-nav.sideNav .item-following, 
.IndexPage-nav.sideNav .item-allDiscussions, 
.IndexPage-nav.sideNav .item-badges, 
.IndexPage-nav.sideNav .item-birthdays,
.IndexPage-nav.sideNav .item-categories {
	display: none;
}
.item-moreTags { display: none !important;  }
/*REMOVE-NAV-TAGS END*/

Still haven't figured out how to remove all the other tags though.
And I'm actually trying to get rid of the entire secondary navigation altogether.

EDIT: To add example image:

My intended goal with this-(from it's current state as shown in the image above)-is:

1. Remove all the side nav tags.
2. Remove the white top & bottom borders.
3. Remove the horizontal scrolling bar thing.
4. Center the ['Start a Discussion'] button, or instead moving it somewhere either in the header image/or in the header navigation bar.
5. Next would be removing the entire side navigation scroller thing from Post pages, so posts can then be widened to fill the full page width.

(Hopefully I'll eventually be able to find the necessary CSS codes to achieve these tasks...😅 although this coding stuff is just so utterly mind boggling that I may likely need to hire an expert.)

EDIT: To add this code I've customized-(in case anyone needs it)-for removing the discussions page side-navigation slider-panel thing:

/*REMOVE-DISC-PAGE-SIDE-NAV-SLIDER BEGIN*/
@media (min-width: 768px) {
  .DiscussionPage-nav {
  display: none !important;
}
.DiscussionPage-stream {
  margin-left: 15px !important;
  margin-right: 15px !important;
  }
}
/*REMOVE-DISC-PAGE-SIDE-NAV-SLIDER END*/

(NOTE: I don't know if the above code is the best way to achieve this, although it seems to be working on 3 of my sites so far.)

AndyS

User31

Thanks for sharing. In my case I'm happy to keep tags for 'Following' and 'All Discussions'. I'm also wanting to keep the Primary tags which appear at the bottom of Sidenav. It's just the secondary tags I want to exclude from Sidenav although I still want them to appear on the "All Discussions" page.

Is there some documentation you are referencing to get as far as you have? I know nothing about CSS either but I could try working on this in parallel to you if I just knew where to start.

User31

AndyS

No worries Andy.
I think I understand what you're intending to achieve.
Although, that said, I currently haven't found any potential solutions. (*but I'll keep an eye out still.)

Regarding the query on reference documentation and such.
A lot of stuff I've randomly found sprinkled/buried around this forum, as there are plenty of awesome Flarum community members who've generously provided effective codes other the years.
W3Schools website can be pretty helpful too.
🤓👍W3Schools
Yet in all honesty, and admittedly, I seem to find significant difficulty comprehending any computer coding documentation in general.

It just goes 'in one ear & out the other' as they say.

Ie: I can read the presented material, but it largely just doesn't make any sense to my mind.

Whereas instead I find by practically applying codes and directly seeing the results-(😅which are often variably disastrous)-somehow my mind usually then begins to form a degree of general comprehension as to the "nature" of the practically applied codes.

From that point I more or less continue arbitrarily altering/or adding those codes with others and repeating the practical application trials....😄to see what happens.

In case you were interested. I've started gathering all the codes that worked for me into free public resource threads over at Λsylum

AndyS

User31

That all sounds pretty much like my way of working too! Not so much "code warriror", more like "code conscript" i.e, obliged to do it but without much training .

I've been on W3Schools for other things in the past and it's good. This time round I'm following a CSS course on CodeAcademy to get started with CSS.

Thanks for the link to your code stash. I'll definitely be checking that out. I'm only just starting to build a forum for a volunteering group I belong to, many of whom are techno-sceptics so my strategy is to try to keep the site as simple as possible and only introduce bells and whistles once they are comfortable. That's one reason why I want to get rid of the secondary tags from the SideNav element - a few nested primary tags is fine but adding a dozen or so secondary tags makes it cluttered.

Still hoping somebody in the community with more skill and knowledge than me is listening in on this thread and will be able to give me some pointers to achieve what I need. I will of course share here if I get it working.

Andy

User31

AndyS

😎Andy mate, I have to say. You seem like a fantastic individual!

Ahh mean, I had initially begun noticing getting a really good impression from you about 2-3 days ago after reading the first post of yours-(that I'm currently aware of reading.)

However I wasn't sure if my impression was accurate until just now....because you've literally said exactly the same phrase I'd almost used in my previous response to you this morning. Except I chose not to use it as I'd mistakenly assumed you might not know what I meant by - code stash...😂.
So I figure either you're some kind of mind-reader, or you're someone who possibly operates on a similar level as me.
This is further supported by your described intentions and goals too.
Oddly enough I am also inclined in a very similar sense.... although I belong to no group at all, yet still my underlying motivators with my forum adventures are voluntarily for the benefit of what is technically "a group that I belong to"—that being man-kind.
And I agree with you regarding forum simplicity as well.
Simplicity is a major priority for me too.
One of the aspects of Xenforo that I wasn't fond of was the predominant communal push towards ever increasing complexity. Almost as though the dominant belief amongst the XF "webmasters" is that everyone everywhere is a computer whizz just like them.
I am certain that one of the keys to forums finally reasserting superiority over the feral "fast-food/junk food" mass social media "hybrid forum" juggernauts, is simplicity.

🤔... sorry, I've probably gone off on a tangent here.

Anyways I just tested out your new tag removal code....😃👍 it works perfectly!

Infact, your code also removes Primary Tags too.

Well done Andy!