Customizing Tags from CSS

HariPrasad

I am trying to achieve a feature of allowing posts with Blog Tag to hide navigation sidebar and reply option.

What I want to achieve: My discussions with Blog Tag (a custom primary tag) should not have a sidebar and a reply option and also the post should be full width. without the margin for sidebar.
What I tried: I can hide the DiscussionPage-nav and also the Post ReplyPlaceholder through CSS but it will do so for all posts. I am not able to access the ID for certain Tags.

Please help me out with a solution involving CSS since I lack JS knowledge and its too much for me to build a plugin for the same. The following is an example of what I would like to achieve.

clarkwinkelmann

HariPrasad it would probably be easier and more readable to achieve it via a javascript extension.

There aren't many tag-related classes on discussion pages, the only pure-CSS solution I see would be to do the logic based on the tag color applied to the DiscussionHero.

Something like .DiscussionHero[style="background-color: rgb(65, 65, 65);"] + .container .DiscussionPage-nav { display: none; } (untested)

HariPrasad

clarkwinkelmann Thank you so much. That worked really well. Now I can write blog posts in my flarum community using just a Tag.