How to remove featured blog photo from blog post?

Solved

How to remove featured blog photo from blog post?

Luciana_Torous
New Member
10 0 0

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

Accepted Solution (1)
Sasha2
Shopify Partner
173 22 47

This is an 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.

View solution in original post

Replies 47 (47)

Sasha2
Shopify Partner
173 22 47

@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
New Member
10 0 0
I'm not finding it under the code. Where do I look?
Luciana_Torous
New Member
10 0 0

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

Sasha2
Shopify Partner
173 22 47

This is an 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
New Member
10 0 0
Thank you SO much. Worked perfectly.
Serenna
New Member
4 0 0

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
New Member
4 0 0

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

suyash1
Shopify Partner
9562 1195 1536

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

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Serenna
New Member
4 0 0

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
Shopify Partner
9562 1195 1536

@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

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Serenna
New Member
4 0 0

Perfect! Thank you so much 🙂

Investingtips
Tourist
4 0 1

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

Screen Shot 2021-08-03 at 8.44.51 pm.png

suyash1
Shopify Partner
9562 1195 1536

@Investingtips - can you please share website link?

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Investingtips
Tourist
4 0 1
Investingtips
Tourist
4 0 1
suyash1
Shopify Partner
9562 1195 1536

@Investingtips - please add this css and check 

.template-article .article__photo-container{display: none; visibility: hidden;}
Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
suyash1
Shopify Partner
9562 1195 1536

it should look like this

 

suyash1_0-1628263001205.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Investingtips
Tourist
4 0 1

@suyash1 

 

Thank you so much, worked perfectly 

suyash1
Shopify Partner
9562 1195 1536

@Investingtips - welcome

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Prohorse
New Member
5 0 0

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
Shopify Partner
9562 1195 1536

@Prohorse - do you want to remove this photo? 

suyash1_0-1663211241652.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Prohorse
New Member
5 0 0

No, the BANNER photo. 🙂 Screen Shot 2022-09-14 at 8.21.26 PM.png

suyash1
Shopify Partner
9562 1195 1536

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

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

 

suyash1_0-1663212353463.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Prohorse
New Member
5 0 0

It worked!! Thank you so so much

Veenourish
Excursionist
12 0 3

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
Shopify Partner
9562 1195 1536

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

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Veenourish
Excursionist
12 0 3

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

Veenourish
Excursionist
12 0 3

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
Shopify Partner
9562 1195 1536

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

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Veenourish
Excursionist
12 0 3

You are right ! Thank you so much!

Veenourish
Excursionist
12 0 3

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 ?Screenshot 2021-11-03 214425.png

suyash1
Shopify Partner
9562 1195 1536

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

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Prohorse
New Member
5 0 0

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

Can you assist?

suyash1
Shopify Partner
9562 1195 1536

@Prohorse - can you please send your site link?

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Prohorse
New Member
5 0 0
suyash1
Shopify Partner
9562 1195 1536

@Prohorse - add this css and check

.template-article .article--content img{display:none; visibility:hidden;}
Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
aliceseba
Visitor
2 0 2

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

ArtemisWalls
New Member
5 0 0

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

suyash1
Shopify Partner
9562 1195 1536

@ArtemisWalls- can you please share your website link?

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
ArtemisWalls
New Member
5 0 0
ArtemisWalls
New Member
5 0 0

Raiz
Visitor
3 0 0

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
Visitor
2 0 0

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
Shopify Partner
9562 1195 1536

@hellobighug - try this css

 

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

 

suyash1_0-1670257999081.png

 

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
hellobighug
Visitor
2 0 0

Thanks Suyash1!

 

This was a great help and worked out!

suyash1
Shopify Partner
9562 1195 1536

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

Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
sodenbach
Excursionist
18 0 3

Hey!

 

I saw this is a couple years 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, theme.css, or style.css. If you could help that would be great

 

Here's the website - tensilitymotorsports.com

 

Thanks!