How To Remove Featured Blog Photo From Blog Post?

Store Design
, , ,
1

Hello! I’m wondering how could I remove the featured blog image from my blog…

I’m using expanse theme but I have no clue what to do with the coding.

Any help would be appreciated thanks!

For reference I would like my blog to look like this (please refer to “NOTION”:

https://anoko-official.com/

My website is:

https://nemyon.com/?_ab=0&_fd=0&_sc=1

Thank you!

2

Hello @Aimi ,

If you need a section for a blog post same as the reference then you have to hire a developer.
But if you have existing blog posts sections and you just need to hide the image there please let us know where it is.

Thanks

3

Hello,

Thank you so much for getting back to me.

I do have existing blog sections which you could see from here:

https://nemyon.com/blogs/news

or please scroll to the bottom, there is a blog section right above footer section.

https://nemyon.com/?_ab=0&_fd=0&_sc=1

I want to hide the image and also want to remove the sidebar option from the blog section. (this option seems like it’s only for PC version and not for smartphone)

If possible I would like each articles to vertically align perfectly.

Would this be possible without hiring a developer?

Thank you!

4

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.blog .card__inner.color-background-1.gradient.ratio, .blog-articles .card__inner.color-background-1 {
    display: none;
}
5

Hello,

It doesn’t seem like I have base.css file.

I do have blog-template.liquid or blog-posts.liquid, would any of these work?

6

You can find base.css under Assets

7

I have checked and there are 0 assests.

I’m using expanse theme

8

sorry, not 0 assests but no base.css asset

9

maybe theme.css.liquid would work?

10

yes it will also work

11

Thank you.

I have copied and pasted but nothing changed.

Where exactly do I need to put those codes? Do I need to delete and replace any of the existing codes?

12

Please paste the provided code at the bottom of the file.

13

Hi @Aimi

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->component-card.css

.card__inner.color-background-1.gradient.ratio {
    display: none !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

14

Hello Richard,

Thank you foe your assistance!

Unfortunately I do not see component-card.css in my assets, I’m not sure why.

I’m using the expanse theme.

Aimi

15

@Aimi Try this one
Edit
Templates > theme.liquid
search for
and just before of it add this css

.blog .card__inner.color-background-1.gradient.ratio, .blog-articles .card__inner.color-background-1 {
    display: none;
}

Still if you don’t find it please do a screenshare through skype and I’ll let you know where to add it.

16

Hi Guleria,

I have done exactly how you mentioned and the images are still on the website.

I might need your help via Skype.

Thank you.

17

Not sure what you did but I noticed you changed the blog layout (design) and I’m sure the css I provided last day will not work with this. So I suggest reverting the change you did or hire a developer to do these changes.

18

Thank you so much!

19

I checked again and the problem seems to have been resolved :grinning_face: