Remove links to blogs from Blog Post Section on Landing Page

Topic summary

A user wants to repurpose the ‘Blog Post’ section in their Modular theme as a non-clickable image and text carousel by removing hyperlinks from the blog post thumbnails.

Current Status:

  • The issue remains unresolved for the original poster
  • Another user is experiencing the same challenge and has been unable to find a solution through code searches for “href” or “url”

Proposed Solution:
One community member provided step-by-step instructions:

  • Hover over the blog card in the carousel
  • Right-click and select “Edit code”
  • Locate the section between {{ block.shopify_attributes }}> and <div class="featured-blog-posts-card__inner">
  • Delete the entire hyperlink code block (starting with >/a and ending with a)
  • This should remove the clickable links from the blog cards

A developer has also offered to provide a tailored solution if the store URL and password are shared. The discussion appears ongoing with no confirmed resolution yet.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.

Hi

I’m using the ‘Blog Post’ Section on the Landing Page of my Theme (Modular) as a thumbnail image and text carousel rather than for actual blog posts. Is there a way to remove the links from these to they are no longer buttons.

Many thanks

John

1 Like

Kinda noodling around this matter as well myself. Unfortunately no response to this above mentioned inquiry. Have been searching on the Net as well as Shopify’s code, but I am not getting any obvious instant solution hits. I have been using search keywords such as “href” and “url” but the code editor’s search feature doesn’t seem to give any pages back with them. I found someone posting a custom code example with which I can tinker around its hyperlink. But it’s something that is to be newly installed, and it is not an example which shows how to edit the default code. Maybe I need to create something totally new and that way it will override the preinstalled text?

Any kinda pointer is appreciated. Have been spending quite a lot of time on this issue. Would really like to solve it and get on with other matters.

Using the blog post Carosel

Hover over the blog card

Right click go down and click on edit code

Remove the section between:

{{ block.shopify_attributes }}

>

(Ive already deleted it in the photo but in this section right here)

In that section there will be a section starting with >/a and ending with a and in between will have a bunch of hyper link code. delete that whole section. the blog cards will no longer be hyperlinked

Hi @JohnathanC

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.