Minimal theme. Large blank area between product images and add to cart button on collection pages

Store Design
, ,
1

Use minimal theme. How do I remove large blank area between product images and add to cart button below the image?

Please see attachment example.

matt0929_0-1689272129854.png
matt0929_0-1689272129854.png560×420 356 KB

2

@matt0929
Hello,
I have checked Your Store currently your store shows this type please check

oscprofessional_0-1689312098828.png
oscprofessional_0-1689312098828.png1408×777 189 KB

and Your Product Height Reduce

Add This CSS Go to Online Store > Edit Theme > Theme.scss.css

.grid-link {
	height: auto !important;
}

Like This

oscprofessional_1-1689312310993.png
oscprofessional_1-1689312310993.png1448×710 226 KB

A

3

Hi @matt0929

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.scss.css

.grid-link.text-center {
    height: auto !important;
}
.grid-link__title {
    min-height: 45px;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

4

Did not work. Still has large blank area between product image rows.

I use minimal theme. Do not have theme.scss.css asset. Only have theme.scss.liquid

Not sure if this would be issue why your resolution did not work.

5

It worked on some collection pages, but not all. Would like to apply to all collection pages.

6

the minimal theme I use only has a theme.scss.liquid asset. When I apply the code to this asset there is no change. A suggestion comes up that suggests to convert .liquid to .css. Is that difficult to convert?