Flex Align Content on Home Page

colleenc
Excursionist
11 1 2

I am trying to justify the information on my product cards on the home page so that the brands, product name, price, and buttons each align on their own row.

Some of my product titles are long and wrap onto a second line depending on the size of the viewer's screen. When that happens, the prices and buttons no longer are centred along the row. See the item on the right below:

Screen Shot 2021-11-14 at 10.29.47 AM (2).png

 

 

 

 

 

 

 

I can't seem to figure out what css I need to use to fix this, or where it is located.

Store link: https://test-store-colleen.myshopify.com/

Password: thanksforyourhelp

 

PS: I kinda hacked the extra space below "Free Shipping"...if you bump into that (and laugh) feel free to let me know how I can achieve a bit of space there in a more elegant manner.

Reply 1 (1)
KetanKumar
Shopify Partner
24919 2496 9027

@colleenc 

yes please try thiscode

 add this base.css bottom of the file

h3.card-information__text.h5 {
    min-height: 45px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing