Collection Cards like Photos with button and Text - DAWN Theme

Store Design
, , , ,
1

Hello, I am trying to customize a bit more the Web Page I have preview and I am trying to make the Cards in the Home Page part to look like this (original web: shirtz.cool)

Gorben_0-1723187302087.png
Gorben_0-1723187302087.png400×152 124 KB

I want the collection of products to be all without spaces and with that button type of design but I cannot find where and how to make it. I have coding knowledge (not in shopify) and I would like to learn.

This is the section that I want to change (it’s a collection), I have managed to put the Gap to 0 and put only the photo:

Gorben_2-1723187421186.png
Gorben_2-1723187421186.png1460×528 291 KB

I don’t Know if can be done like this or there are some other easier ways.

Thank you!

2

Hello @Gorben i have checked your issue it’s a code customization work so can you please share your store Details i will check and provide a proper solution

3

Hello! I show you the code of something specific?

The web preview: https://b6c3b1lyud7zarov-72689647911.shopifypreview.com

This is the CSS:

.card--card.card--media > .card__content {
  margin-top: calc(0rem - var(--image-padding));
  position: absolute;
  bottom: 0;
  text-align: center;
}

Thanks!