Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, I've been using the basic Simple theme for a while now. I started to write blog posts and I noticed when viewing them the picture was MASSIVE. I edited the code a bit with some googling and what not and made the image smaller. But the actual SPACE for the image is still there. Also I've gone so far down the rabbit hole I don't know what the original code was. All I want is the image to be smaller.
Carnivorous Plant Care Guides – Carnivorous Greenhouse here's the link to my page so you can see the issue.
I edited this area in Assets/theme.scss.liquid to make it change, but honestly I thought I removed everything I added but the picture is still tiny... which is fine if I could just get the space to go away.
.article__image-wrapper { display: block; position: relative; } .article__image { display: block; margin-bottom: $gutter / 2; .supports-js & { position: absolute; top: 0; } &.lazyload { opacity: 0;
I added more blogs, so to see the problem is actually on page 2 of the blogs:
Guides Page 2
I would like to add pictures for all of them but I don't want these massive page loading gaps.
oh sorry but i can't see any blog image how can i check this
There seems to be no edit option, so i posted a reply with the link to page 2 of the blogs. The two at the bottom have images. I also wish I could post pictures here but it only accepts weird file types.
where did you added image?
As you can see here, the image space is huge. I got the picture to be smaller but it still uses up the same amount of space.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025