Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
I hear back from the vender, the code to add to the end of index.css is...
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.
This is an accepted solution.
I hear back from the vender, the code to add to the end of index.css is...
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024