How to resize correctly images in slider section

Store Design
1

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
slidereditv1.jpg1919×880 47.5 KB

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

slidereditv1desk.jpg
slidereditv1desk.jpg1920×799 54.6 KB

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

2

Up!!

3

anyone is able to help me?? :pensive_face:

4

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
slidersectionv1.jpg1917×892 73.3 KB

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

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

In advance thanks for everything!

5

Hi @SHIBdev ,

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!

1 Like
6

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

1 Like