Resize blog banner images with the Spark theme.

Solved
VuWing
Tourist
8 1 0

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.

Accepted Solution (1)

Accepted Solutions
VuWing
Tourist
8 1 0

This is an accepted solution.

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.

View solution in original post

Replies 13 (13)
Ecommpremium
Shopify Partner
269 23 52

hi @VuWing  please share store URL so i can help you out!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
VuWing
Tourist
8 1 0

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!

Ecommpremium
Shopify Partner
269 23 52

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%;
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
VuWing
Tourist
8 1 0

That had no affect adding it to theme.liquid... appreciate the idea.

Ecommpremium
Shopify Partner
269 23 52

You have to add it in theme.scss.liquid at bottom.Thanks

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
VuWing
Tourist
8 1 0

theme.scss.liquid does not exist in my theme. 

Ecommpremium
Shopify Partner
269 23 52

@VuWing @ Can you share screenshot of first five files in assets so I can tell you where to past

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts
Ecommpremium
Shopify Partner
269 23 52

@VuWing  paste above code in the bottom of index.css file

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@ecommpremium.com
- SKYPE: ahsanaliawan
- shopifyexperts