Removing block preview & read more at the end of the post

Store Design
, , ,

Topic summary

Goal: remove the blog preview on the homepage and the “Read more” banner on blog posts in a Shopify store.

Early steps: multiple requests for the store URL; the URL was shared (reliq.shop), password not provided.

Proposed solutions:

  • Add CSS to hide elements:
    • .blog-post-card__excerpt, .blog-post-card__read-more, and .shopify-section–prev-next-blog-posts set to display:none.
  • How to apply:
    • Either via Theme settings > Custom CSS, or by editing the theme asset file (e.g., main.css/base.css/style.css) and appending the CSS at the bottom.

Outcome: the CSS successfully hid the preview and “Read more.”

New issue: applying CSS in Theme settings > Custom CSS works visually, but saving fails with the error “Online Store editor session can’t be published.” Theme: Prestige 5.0.

  • Adding the same CSS via Edit code in assets does not take effect.

Notes:

  • CSS: a styling language used to hide elements (display:none).
  • “Custom CSS” is the Shopify theme setting field; “Edit code” modifies theme files directly.

Status: unresolved. Latest blocker is the publish error and CSS not applying when added via code. No confirmed fix or next steps yet.

Summarized with AI on December 25. AI used: gpt-5.
6

Hi @Matthew114

Please add this code to Custom CSS of our theme in Online Store > Themes > Customize > Theme settings

.blog-post-card__info .blog-post-card__excerpt,
.blog-post-card__info .blog-post-card__read-more,
.shopify-section--prev-next-blog-posts { display: none !important; }
1 Like