How can I hide tags under each blog post?

Technical Q&A

Topic summary

A user seeks to hide tags displayed beneath blog posts on their website. After providing a screenshot showing the tags in question, they clarify they want to hide (not delete) them.

Solution provided:

  • Add CSS code to the district.scss.css file:
.post-meta {
  display: none !important;
}
  • The original poster confirms this solution worked successfully.

Follow-up question:
A newcomer to Shopify asks where to locate the district.scss.css file, as they cannot find it in their templates and want to know if it’s a standard file across all templates.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hi there I am looking for a way to hide the tags underneath each blog post. Would appreciate any help!

Here is the link: https://www.lovisarongs.com/blogs/lovi-club

2

hii, @asanka1
Can you give me a screenshot of your problem so,
I can solve it perfectly.
Thank You.

3

asanka1_1-1632113207649.png
asanka1_1-1632113207649.png1920×1080 337 KB

4

hii, @asanka1
Do you want to delete these tags?

download (45).png
download (45).png1347×621 227 KB

Thank You.

5

@asanka1

paste this code on top of the district.scss.css file.

.post-meta {
    display: none !important;
}

Thank You.

1 Like
6

Not delete. Just hide.

7

@asanka1
paste the code it will hide.
Thank You.

8

Thank you it worked!

1 Like
9

Hi,

I’m new to Shopify. I also want to hide the tags .

Is this district.scss.css file standard for all templates?

I could not find it in mine. Please advise.

1 Like