Increase Image Width

[collins276]

Hi,

I'm trying to increase the width of Featured Products images that without affecting the their heights and gaps.

I really appreciate if you can give a check

My url: https://189ee3-2.myshopify.com/ 

Thank you, 

[Xipirons]

Hi @collins276 

Currently, blocks display your photos as they are, rectangular...
If you'd like more width, crop your photos to a square format, for example.

[Mizan-devs]

I have just checked with your reference store link, I can see if you can decrease the colum gap it will automatically increase the width, I have tried some mofification if you would like apply you need to add media query as well: 

.slider-mobile-gutter .grid--3-col-desktop {
column-gap: .5%!important;
}

.card--standard>.card__content .card__information {
padding-left: 10px;
padding-right: 10px;
}

[collins276]

Is it possible to keep the gap and height?

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

You can add code here to  reduce column gap in slide:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

<style>
 @media screen and (min-width: 750px)
.slider-mobile-gutter .grid--3-col-desktop {
    column-gap: 1% !important;
}
</style>

You can change param 1% to other param.
Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[collins276]

Is there any way to keep the gap? I just wanna expand the width.

[PageFly-Noah]

Hi @collins276  Iam sorry about that the width column  is the gap regulated, so to expand or decrease, you need to adjust the gap.

Or you want it to padding the content like that?

[collins276]

No worries, thank you!

[PageFly-Noah]

Thank you, If there are other issue I will help you.