Image Size adjustment for slideshow

ramez611
New Member
27 0 0

Hi,

How can I adjust an image size from 1070 x 1071 pixels to 1280 x460 pixels without deforming it so as to fit the slideshow on minimal theme?

Appreciate your assistance.

Cheers,

0 Likes
paramSoft
Shopify Partner
1487 243 692
Please provide website url
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
ramez611
New Member
27 0 0

trendochic.com - Password: R&G

0 Likes
paramSoft
Shopify Partner
1487 243 692

Please place this code at the end of theme.scss

.slides__image {
width: 1260px !important;
height: 460px !important;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
ramez611
New Member
27 0 0

It didn't really work as the image still looks good on mobile but cropped on desktop. 

0 Likes
paramSoft
Shopify Partner
1487 243 692

Are you sure that you have put the code at  right place?

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
ramez611
New Member
27 0 0

Yes, I'm sure.

I also deleted it because before putting the code the images looked good on mobile and not on desktop. After putting it, the images didn't look good on both.

Any other solution please?

0 Likes
ramez611
New Member
27 0 0

Is there another solution?

0 Likes
paramSoft
Shopify Partner
1487 243 692
.slides__image {
width: 1260px;
height: 460px;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
ramez611
New Member
27 0 0

Thanks but I guess the issue is with the image size itself.

0 Likes