How can I remove author and date tags from my blog posts?

Store Design
,

Topic summary

Goal: hide author and publication date text across a Shopify blog.

Actions taken:

  • Added CSS in main.css to hide the metadata on the homepage and individual posts:
    • .article p.text-theme-light.reading-width.mx-auto.text-center { display: none; }
    • .slider__grid .flex-auto p.text-theme-light.mb-0 { display: none; }
  • Remaining issue on the blog landing page (blogs/news) was fixed by adding another selector:
    • .flex-auto p.text-theme-light.mb-0 { display: none; }

Notes:

  • Screenshots were used to illustrate where author (“Tim Donovan”) and April dates appeared on collection and individual views; they helped confirm which templates still showed metadata.
  • The solution relies on CSS selectors targeting paragraph elements with the class text-theme-light within specific containers (article, slider__grid, flex-auto).

Outcome:

  • After applying the additional CSS for the blog landing page, the author and date tags were successfully removed across all views.
  • Status: resolved; no further open questions.
Summarized with AI on December 30. AI used: gpt-5.
1

Hello!

I really could use some help removing the author and date tags from my website’s blog.

Please reference the snapshots below to see how the blogs present in collection and individual formats for author “Tim Donovan” and April publication dates.

My website: www.shayrdair.com

Thank you in advance for considering it! :grinning_face:

-Tim

Screenshot 2024-04-29 at 5.20.04 PM.png
Screenshot 2024-04-29 at 5.20.04 PM.png1652×1234 345 KB

Screenshot 2024-04-29 at 5.20.17 PM.png
Screenshot 2024-04-29 at 5.20.17 PM.png2832×1070 392 KB

2

Add This Css in Your edit Code > main.css File

.article p.text-theme-light.reading-width.mx-auto.text-center {
    display: none;
}
.slider__grid .flex-auto p.text-theme-light.mb-0 {
    display: none;
}
3

Thank you @Raj-WebDesigne ! That solved the problem on my homepage and for my individual blog posts. However, it didn’t fix the problem for my blog’s landing page linked here. Any idea as to how I could fix this?

Screenshot 2024-04-30 at 7.29.07 AM.png
Screenshot 2024-04-30 at 7.29.07 AM.png2812×1060 574 KB

Screenshot 2024-04-30 at 7.28.53 AM.png
Screenshot 2024-04-30 at 7.28.53 AM.png982×1310 227 KB

4

Add This One css in edite Code > main.css File

.flex-auto p.text-theme-light.mb-0 {
    display: none;
}
1 Like
5

Thank you!!!