Allign Add to Cart Buttons on Featured Collection

Allign Add to Cart Buttons on Featured Collection

MLBildeler
Excursionist
30 0 4

Skjermbilde 2025-03-19 kl. 21.14.59.png

Why does this happen, does anyone have a code to fix this?

Replies 3 (3)

Arif_Shopidevs
Shopify Partner
520 43 93

Could you share your store URL? We will try to help you solve this issue. From the image, it is not clear why the other image area is taking up space. Is there any rating or hidden height taking up the space?"

Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.

MLBildeler
Excursionist
30 0 4

There is no rating, I have no idea if there is any hidden height there taking up the space. Here is the (Link) to the store.

Arif_Shopidevs
Shopify Partner
520 43 93

@MLBildeler 
assets/component-card.css you have a code  

.card-wrapper {
color: inherit;
 height: 100%; 
position: relative;
text-decoration: none;
}


which causes the issues. remove the height it will solve your issue.

 1. Go to Shopify Admin → Online Store → Themes. 

Find the CSS file




Syncora: Backup & Restore [Free] - Automated real-time store backup with one-click easy restore.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery, and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers.