How can I align the collection description in Taste theme?

Store Design
1

I am currently using Taste theme.

I would like to align the description of collection, to make it look more neat and tidy:

Michelle_MS_0-1664955468578.png
Michelle_MS_0-1664955468578.png2124×418 105 KB

How can I make the price of each production align in same level?

2

@Michelle_MS can you send me the url of this page?

3

https://quartersbrew.com/

thank you very much!

4

@Michelle_MS

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets->component-card.css

.card__heading {

margin-bottom: 0 !important;

min-height: 57px;

}

Hope you find my answer helpful!

Regards,

PageFly

5

i added the code and the page looks like this now:

Michelle_MS_0-1664957757946.png
Michelle_MS_0-1664957757946.png2596×1236 406 KB

is there any workaround? thanks for your prompt support!

6

@Michelle_MS

please try again with this code and can you take a screenshot where you added the code

Add this css at the bottom

Online Store->Theme->Edit code

assets->component-card.css

.card__heading {
margin-bottom: 0 !important;
min-height: 80px !important;
}

7

Hi @Michelle_MS ,

Price position location depends on description length, for solution I would recommend to keep length of description almost same length, if it’s not possible to keep it same.

Please try with below CSS code adding in base.css

.grid__item{position:relative;}
.grid__item .card-information{position: absolute;left:0;right:0;bottom: 0;}
8

It works. Thanks so much