Styling Blog Post Cards – Removing Black Highlight and Changing Date Color - Shopify Dawn

Store Design
,

Topic summary

Goal: Update Shopify Dawn blog post cards by removing the black highlight behind the date and changing the date text color to black to match the card design.

Proposed fixes:

  • Add custom CSS in theme.liquid via Online store > Themes > Edit code, placing it before the closing tag.
  • Alternative placement: add the CSS above the tag in theme.liquid. Both methods aim to override the date badge’s background and text color.

Assets: A screenshot of the current design and a “Result” image were provided. However, the actual CSS code content is not visible in the shared excerpt, which is central to applying the fix.

Status: No confirmation from the original poster, and no solution marked. The discussion remains open pending validation that the CSS changes remove the black highlight and set the date color to black.

Summarized with AI on December 20. AI used: gpt-5.
3

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like