How to resize correctly images in slider section

Solved
JLbyone
Navigator
284 20 79

Hi there community! Im rebuilding some section inside my homepage. I want to show image inside slider resizing correctly.

you can see full image here, in a blog section. 

slidereditv1.jpg

And here is how it shows in my slider homepage desktop view (i got the same problem at mobile view)

slidereditv1desk.jpg

 I can share preview url by pm. Any file needed just tell me please! in advance thanks anyone who helps me

Accepted Solution (1)

Accepted Solutions
LitCommerce
Trailblazer
262 68 70

This is an accepted solution.

Hi @JLbyone,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.featured-articles-slider .article-block__image{
	padding-bottom: 130% !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 5 (5)
JLbyone
Navigator
284 20 79
JLbyone
Navigator
284 20 79

anyone is able to help me??

JLbyone
Navigator
284 20 79

i made some changes and i found some way to get it resize correctly, but now i want to remove some space between them, making images fit max-width content. 

slidersectionv1.jpg

 

here is url preview to see it, its on desktop view at homepage.

https://0w5mi614mvv0ejj7-53196980409.shopifypreview.com 

In advance thanks for everything!

LitCommerce
Trailblazer
262 68 70

This is an accepted solution.

Hi @JLbyone,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.featured-articles-slider .article-block__image{
	padding-bottom: 130% !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

JLbyone
Navigator
284 20 79

@LitCommerce Thanks so much! Sir it works really well, exactly what i mean..! appreciate that ! have a good day