How to remove featured blog photo from blog post?

[Luciana_Torous]

How can I let the featured image display in blog list, but hide the image in the blog post? I want to remove all the featured blog post images from repeating once the article is opened. I'm using Mobilia theme, and my store is 3-leaf-tea.myshopify.com

[Sasha2]

@Luciana_Torous Hello,

You can hide it by adding next one code at the end of the "theme.scss.css" file of your theme:

#shopify-section-article-template .image-element__wrap {
  display: none;
}

[Luciana_Torous]

I'm not finding it under the code. Where do I look?

[Luciana_Torous]

I looked at my code and couldn't even find the "theme.scss.css" file. where would this be located?

[Sasha2 · Accepted solution]

@Luciana_Torous 

Sorry for the missunderstanding. I have mistake, in your theme uses "styles.scss.css" file.

To provide changes for the "styles.scss.css" file, kindly perform next ones steps:

1. Go to the "Online store" -> "Themes".

2. Click to the button "Actions" -> "Edit code".

3. Find behind the "Assets" heading the "styles.scss.css" file.

4. At the end of the file add the code:

#shopify-section-article-template .image-element__wrap {
  display: none;
}

 5. Click "Save" button to save your changes.

[Luciana_Torous]

Thank you SO much. Worked perfectly.

[Serenna]

I can't find the asset "styles.scss.css" in my theme. Are there other name variations that it might be under please?

Many thanks!

[Serenna]

I found timber.scss instead and added the code there, nothing happened - does it take a while to go through?

[suyash1]

@Serenna - can you please share your website link? It does not take much time to load css... make sure you need to clear cache

[Serenna]

Thank you

Here is the blog post in question. I'm using blog studio so I want the image on the blog main page but not on the blog post. I added the code but it is still showing:

https://weareserenna.co.uk/blogs/news/what-is-anxiety-how-to-know-your-enemy-and-rewire-your-brain 

[suyash1]

@Serenna - please add this css to the very end of your timber.scss file and check, 

.template-article .article--image-wrapper {
    display: none;
    visibility: hidden;
}

if you have more issues then you can contact me on my email given below

[Serenna]

Perfect! Thank you so much 🙂

[Investingtips]

I am having the same issue, however i have theme.scss.liquid as an option and none of these codes have worked.

these are the only options i have under assets. Using Venture theme

[suyash1]

@Investingtips - can you please share website link?

[Investingtips]

Yes,

www.Investingtips.com.au

[Investingtips]

Yes,

@suyash1 

www.investingtips.com.au

[Investingtips]

Yes,

@suyash1 

www.investingtips.com.au

[suyash1]

@Investingtips - please add this css and check 

.template-article .article__photo-container{display: none; visibility: hidden;}

[suyash1]

it should look like this

[Investingtips]

@suyash1 

Thank you so much, worked perfectly 

[suyash1]

@Investingtips - welcome

[Prohorse]

Im using the warehouse theme and have the same problem.. None of the codes work. Help please!

Website - https://prohorse.com.au/blogs/pa/largest-horse-breed

[suyash1]

@Prohorse - do you want to remove this photo? 

[Prohorse]

No, the BANNER photo. 🙂 

[suyash1]

@Prohorse - add this css to the very end of your theme.css file and check

.blog-post .article__image-wrapper {display: none;    visibility: hidden;}

[Prohorse]

It worked!! Thank you so so much

[Veenourish]

Hello! Could you please help me as well. I am having the same issue, i can't remove the top image on the blog posts. 

you can see the page here :  https://veenourish.com/blogs/news/how-to-lighten-dark-armpits

My codes look a bit different than everyone else's. I am using the Pipeline theme.

[suyash1]

@Veenourish- looks like that your image is added from page back end, you will need to remove it from there

[Veenourish]

I tried to remove it already, i've looked everywhere there is no option to get rid of it.

[Veenourish]

What do you mean it was added on the backend? Can you please help me navigate so that I can get rid of it?

[suyash1]

@Veenourish- go to online store->pages and open page which has this image and remove image from it

[Veenourish]

You are right ! Thank you so much!

[Veenourish]

Hey, I just noticed that if i removed the featured image like you asked, it actually removes the image everywhere else. Look 😞 Do you think there's another way to remove it from blog post only ?

[suyash1]

@Veenourish- if all places are sharing the same image then are you able to add any specific class or id to the image?

[Prohorse]

Im trying to remove article/banner image for blog posts for empire theme.

Can you assist?

[suyash1]

@Prohorse - can you please send your site link?

[Prohorse]

https://prohorse.com.au/blogs/pa/buckskin-horse

[suyash1]

@Prohorse - add this css and check

.template-article .article--content img{display:none; visibility:hidden;}

[aliceseba]

There is no styles.scss.css file - I note this post is a few years old. Is there a new solution?

[ArtemisWalls]

I cannot figure out how to remove the featured article photo section under blogs. Can someone assist me with this?

[suyash1]

@ArtemisWalls- can you please share your website link?

[ArtemisWalls]

https://www.artemis-home.com

[ArtemisWalls]

https://www.artemis-home.com

[Raiz]

Hi,

I want to remove all the featured blog post images from repeating once the article is opened.

I'm using pacific theme and the website is projectfloors.co.nz

[hellobighug]

Hi,

I was following this and tried but it's not working on the website. I am using Envy and the page is called www.hellobighug.com

thanks if anybody could give me a hint. 

[suyash1]

@hellobighug - try this css

.template-article .article-image{display:none; visibility:hidden;}

[hellobighug]

Thanks Suyash1!

This was a great help and worked out!

[suyash1]

@hellobighug - welcome, do let me know if you need any more updates, you have my email below