Equal Heights for Shop on Main Page & Editing Color of Checkout Buttons

dzinchou · May 19

Hello,

I’ve managed to set equal heights for product cards on the shop page on eden.ge (screenshot 2), where the prices and product contents align properly across the same row. However, I’m unable to achieve the same effect on the homepage (screenshot 1). The price positions are uneven, and there doesn’t seem to be a built-in option for this. Do I need to apply custom CSS?

Also, I couldn’t change the color of the button shown in screenshot 3-4.

Thank you!

Phil · May 20

Hi,

1) Please tell me which option you have selected in Betheme -> Theme options -> Shop -> Products list for "Align to bottom from".

2) Did you set the colors for the shop buttons in Betheme -> Theme options -> Global -> Buttons?

Best regards

dzinchou · May 20

Thank you, Colors are Fixed and Equal Heights is FIXED on Main Page, but its not Fixed in product page - Related Products

Screenshot 2025-05-20 at 14.41.39.png

Phil · May 20

Please try the following CSS code:

.mfn-related .products{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.mfn-related .products:before,
.mfn-related .products:after{
 display: none!important;
}
.mfn-related .products .product{
 display: flex;
 flex-direction: column;
}

.mfn-related .products .product .mfn-li-product-row-title{
 margin-top: auto!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

dzinchou · May 20

THANK YOU. FIXED.

Equal Heights for Shop on Main Page & Editing Color of Checkout Buttons

Comments