Hide Posts by Tag (Brief Theme)

I’ve found a few older posts on this topic, but would like some up to date advice.

I’m running Brief Theme on Ghost 6.

I have a few Premium posts, reserved for a Premium tier that I’m not ready to launch yet. I therefore want to hide those posts, to save people trying to upgrade to a tier that doesn’t exist.

They all have the tag: Premium :bookmark: (Edit: same Tag emoji as below; I don’t know why Forum has converted this one and not the others!)

I found this post: Ghost Pro - How do you hide articles from code injection? - #2 by brightthemes

…and I consequently injected the following code into my main Ghost > Settings > Code injection > Site header:

.post-card.tag-Premium-🔖 { display: none; }

But it doesn’t seem to have accomplished anything. The posts are still there. I’ve logged out and back in again and refreshed the browser.

Any ideas?

Thx

p.s. when I typed that code in, the forum converted it, so here’s a screenshot of the code I inserted:

You’re going to need to open the page up in dev tools (F12) and take a look to see how exactly Ghost has rendered the tag slug. I’m guessing it’s lowercase premium, and I wouldn’t be surprised if the emoji had been stripped or encoded.

Thanks Cathy. If I do a ⌥⌘U on the page to view the source (of the Code Injection page), I see the following:

I went into the tags and noticed that although the Name of the page is ‘Premium :bookmark:’ the slug is actually just ‘premium’

I got rather excited at the prospect of it working, changed the code above to just ‘premium’ (without the quote marks, natch) but that didn’t do it either.