Re: How Do I Align Products to Bottom in Testament Theme??

[kanoa31]

Hi everyone,

Does anyone know the CCS code to input to align products to the bottom? I am using Testament theme, but I’m guessing the code would be the same for all themes. In the photo I have a pasted below I have drawn a red line where I would like the text to align.

Second question: Does anyone know how to ensure all the product images that are uploaded are the same size?

Thanks community!

[suyash1]

@kanoa31 can you share this page link?

[EstherBui]

Hi, Can you share store url?

[CodingFifty]

Hi @kanoa31 ,

Please share the store url.

[Made4uo-Ribe]

Hi @kanoa31

Please, share your store URL. Thanks!

[kanoa31]

https://1upp5410xilwt5pt-87516873031.shopifypreview.com

[kanoa31]

https://1upp5410xilwt5pt-87516873031.shopifypreview.com

[LizHoang]

Hi Kanoa31

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file stylesheet.css and add this code at the end of the file

.collection__page-products.product-loop .product-index, .product-loop .product-index {  
    display: grid;
}

.product-info {
    display: flex;
    align-items: end;
}

Result:

• Regarding the images being uneven, this is because the original image sizes are not the same, which causes the discrepancy. You should choose images with equal sizes.

Best,
LizHoang

[kanoa31]

Thank you for this suggestion. The alignment I am looking for is like this:

Where the bottom of the frames and the text line up at the bottom. Is there appropriate code to achieve this?

[ZestardTech]

Hello @kanoa31 ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.featured__collection-product {
    align-content: flex-end !important;
}

Let me know if you need further assistance!