Anyone know how to resize the blog images in the Spark theme? The thumbnails for the blog pages are stretched as wide as the page, completely distorting the image and making the blog look like garbage. I’ve also requested support from the Spark theme publisher, but if anyone knows that’d be a huge help. Apparently, searching the forums this is a very common problem across many themes so maybe it’s a Shopify issue.
hi @VuWing please share store URL so i can help you out!
It’s https://vuwing.com - you can see a distorted blog page here https://vuwing.com/blogs/news-1/interested-in-our-affiliate-program
Thanks for having a look!
please go to assets then theme.scss.liquid and paste this CSS at the bottom and if you need more help then kindly share here
.image__img {
height:50%;
width:50%;
}
That had no affect adding it to theme.liquid… appreciate the idea.
You have to add it in theme.scss.liquid at bottom.Thanks
theme.scss.liquid does not exist in my theme.
@VuWing @ Can you share screenshot of first five files in assets so I can tell you where to past
@VuWing paste above code in the bottom of index.css file
Adding the code in index.css had no affect. There is an entire blog related section in the .css, I’ll have a look through there.
yes you can paste it there in .css file
That’s what I said, adding the code to the index.css had no affect.
I hear back from the vender, the code to add to the end of index.css is…
.article__image {
max-width: 540px;
margin: auto;
}
This solved the blog photo size for the Spark theme.