How can I remove white space below product photos?

Store Design
1

We have built a nice Shopify site, but there are white spaces below the photos of our products that we can’t figure out how to get rid of. See the products on this page: https://hecfaa.org/ and here: https://hecfaa.org/collections/all

Any ideas on how to get rid of this?

2

Hello, @DSHEC

Please add the given code in theme.liquid above .

online store >> edit code >> theme.liquid

.card--card.card--media>.card__content{ display: none; }

after applying the given code look like this.

shreyhweb_0-1679080170050.png
shreyhweb_0-1679080170050.png2148×932 182 KB

shreyhweb_1-1679080239883.png
shreyhweb_1-1679080239883.png2148×932 202 KB

3

Hi @DSHEC ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1679097265131.png
PageFlyVictor_0-1679097265131.png1736×616 134 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

4

Hi - your and Shreyweb’s solutions worked in fixing the way the photos looked, but now they are no longer clickable links to the products. Do you know how to fix this?

5

Hi - your and Shreyweb’s solutions worked in fixing the way the photos looked, but now they are no longer clickable links to the products. Do you know how to fix this?

6

@shreyhweb and @PageFly-Victor .. You solution worked, but now the thumbnails are no longer clickable and I cannot figure out why. If I delete the suggested code, they are clickable and lead to the products, but they have that weird white space. But with the suggested code in, the white space issue is fixed, but now the thumbnails are not clickable at all. This doesn’t make sense to me. Can you help me understand why and how to fix this?

Sorry if I’ve double-posted. I’m having a few technical issues here!

7

Hi @DSHEC , Sorry for late reply, you can try another code below:
8

@PageFly-Victor - Your solution fixed the picture issue, but it seems to have caused another problem. See below, as there is now weird text showing below the pictures. Do you know how we can get rid of that? Thanks for any help

DSHEC_0-1680289782408.png
DSHEC_0-1680289782408.png1532×886 162 KB

9

Hi @DSHEC ,

You can add this code to theme.liquid:
10

Hi @PageFly-Victor . I added that code and it took care of the text, but now the pictures are no longer clickable. Can you help? See here: https://hecfaa.org/collections/all

11

Hi @DSHEC , Sorry about that, you can try again with this code below: