How to remove featured blog image from blog post?

Technical Q&A
,

Topic summary

A user wants to display featured images only on blog list cards, not at the top of individual blog post pages in Shopify’s Testament theme.

Solution Provided:
Add CSS code to hide the featured image on blog posts:

  • Navigate to Online Store > Themes > Actions > Edit code
  • Open the CSS file (base.css, style.css, theme.css, or stylesheet.css depending on theme)
  • Add: .article__section-image { display: none !important; }
  • Save changes

Current Status:
The original poster successfully resolved their issue using stylesheet.css. However, newer participants report:

  • Some themes lack the mentioned CSS files
  • The solution doesn’t work for the Horizons theme
  • Additional users need help identifying the correct files/approach for their specific themes

The thread remains active with unresolved cases for different Shopify themes.

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

I want the featured image to only show up on the blog card in the blog list. I want to make sure the featured image does NOT automatically get inserted to the top of the blog post page.

We are using the Testament theme and our store is biblememoryproject.myshopify.com.

Would appreciate coding help!

1 Like
2

Looks like you managed to remove it

Screenshot from 2023-11-28 19-49-14.png
Screenshot from 2023-11-28 19-49-14.png1880Ă—405 43.2 KB

3

But when I add a featured image to the card, it also adds it to the blog post at the top of the page. How do I make sure that featured images only live on the blog card in the blog list?

4

Hi @mattdeo

Is this solved?

5

Can you make it visible. So we can check it?Thanks!

6

Not yet!

7

Will do.

8

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.article__section-image {
    display: none !important;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
9

What a pro. That worked! Thank you so, so much! It ended up being stylesheet.css.

10

Hey!

I saw this is a couple months old but I’m having the same issue. I want to keep the blog post picture on the news page but I don’t want it at the top of the actual blog post. I also don’t have timber.css, base.css, theme.css, or style.css. If you could help that would be great!

Here’s the website - www.tensilitymotorsports.com

Thanks!

11

Hi. can you please also assist, I have read your suggestions but do not have those liquids/folders in my codes. my site is drinkbobby.com

12

Hi @jdelaz

Can you point out which one you like to remove? Thanks!

13

Hi, I’ve just tried this for the new Horizons theme and it’s not working. I want to remove the theme’s blog image (desert sand) on this page

My steps:

  • Shopify admin dashboard, click “Online Store”, click “Themes”
  • Click on “Actions” , click “Edit code”
  • “Assets” folder, click “base.css” file
  • Paste code .article__section-image {
    display: none !important;
    }
  • Save