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

dzinchou

Screenshot 1-1.png

Screenshot 2.png

Screenshot 3.png

Screenshot 4.png

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dzinchou

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dzinchou

THANK YOU. FIXED.