How to resize correctly collection images on section (VENTURE THEME)

Store Design
1

Hi community! i got some issue with collection section, it’s about resize on images at collection section, can anyone help me with this?

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

collectionhome1.jpg
collectionhome1.jpg1916×826 262 KB

I want to keep that format, and not change to square format,

anyone is able to help me with this? if it’s needed some file or anything else, just tell me please!

2

UPP!

3

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:
#collection-list-grid .featured-card--cover{
	height: 0px !important;
    padding-bottom: 98.5% !important;
}

Hope it helps!

1 Like
4

@LitCommerce THANKS! sir! it works almost well, at the moment mobile view its a little bit amplified.. how can resize correctly mobile view?

anyway big thanks appreciate that!

5

Hi @SHIBdev ,

Please change code:

#collection-list-grid .featured-card--cover{
    height: 0px !important;
    padding-bottom: 98.5% !important;
    padding-top: 0px !important;
}

Hope it helps!

1 Like
6

@LitCommerce It’s perfect! really perfect! thanks so much! wish you a good day!

1 Like