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
172 22 46

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 46 (46)

Sasha2
Shopify Partner
172 22 46

@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
172 22 46

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
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@Investingtips - can you please share website link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Investingtips
Tourist
4 0 1
Investingtips
Tourist
4 0 1
suyash1
Shopify Partner
9077 1129 1479

@Investingtips - please add this css and check 

.template-article .article__photo-container{display: none; visibility: hidden;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
suyash1
Shopify Partner
9077 1129 1479

it should look like this

 

suyash1_0-1628263001205.png

 

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

@suyash1 

 

Thank you so much, worked perfectly 

suyash1
Shopify Partner
9077 1129 1479

@Investingtips - welcome

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@Prohorse - do you want to remove this photo? 

suyash1_0-1663211241652.png

 

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

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

suyash1
Shopify Partner
9077 1129 1479

@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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@Prohorse - can you please send your site link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Prohorse
New Member
5 0 0
suyash1
Shopify Partner
9077 1129 1479

@Prohorse - add this css and check

.template-article .article--content img{display:none; visibility:hidden;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@ArtemisWalls- can you please share your website link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
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
9077 1129 1479

@hellobighug - try this css

 

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

 

suyash1_0-1670257999081.png

 

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

Thanks Suyash1!

 

This was a great help and worked out!

suyash1
Shopify Partner
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI