Box display misalignment

Use width as percent (%) for all the three box classes
example:
width: 30%;

Thank you for your reply.
May you teach me step by step where can I adjust the width?

Thank you again!

there is three things you have to understand.
1. you event description of first box content is more than so one way is make it same as other box content.
2. you can make minimum height box that suits for all boxes that will make look perfect for all boxes.
3. there is some css you can apply to fix this.

let me know if you still didn’t find solution for this.

Hello,

=> Put below CSS code into your stylesheet. It works, shown into the Screenshot, [https://prntscr.com/rixhjy]
.filterable-portfolio li.portfolio_item .portfolio_item_holder .caption .excerpt{min-height: 88px;}

Thanks!

Thank you so much! The CSS code really works!

But there is still a box in Page 2 is larger, just one box, don’t know why….. how can i fix that too?

I really appreciate your help thank you!

• This reply was modified 4 years, 11 months ago by cindy101642.

Hello,

=> You can add this CSS code into your stylesheet. It will fix your issue.
.filterable-portfolio li.portfolio_item .portfolio_item_holder .caption h3{min-height: 40px;}

Thanks!