How to remove featured blog photo from blog post?

Solved
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)

Accepted Solutions
Sasha2
Shopify Partner
171 25 44

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 32 (32)
Sasha2
Shopify Partner
171 25 44

@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
171 25 44

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
5407 629 893

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

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly | want to support?
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
5407 629 893

@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

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly | want to support?
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
5407 629 893

@Investingtips - can you please share website link?

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly | want to support?
Investingtips
Tourist
4 0 1
Investingtips
Tourist
4 0 1
suyash1
Shopify Partner
5407 629 893

@Investingtips - please add this css and check 

.template-article .article__photo-container{display: none; visibility: hidden;}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly | want to support?
suyash1
Shopify Partner
5407 629 893

it should look like this

 

suyash1_0-1628263001205.png

 

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

@suyash1 

 

Thank you so much, worked perfectly 

suyash1
Shopify Partner
5407 629 893

@Investingtips - welcome

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly | want to support?