Making price boxes the same size,

xsiv · July 7

Hello, im trying to figgure out how to make these price boxes "Pricing item" all the same size. So they all look even

The site is under construction. i can unlock it if needed

Many thanks,

Phil · July 7

Hi,

It would probably require a custom CSS code.

Anyway, to check if it is even possible, I would need you to unlock your website for a while.

Best regards

xsiv · July 8

Good evening Phil, Thank you again for your amazing support.

The site is unlocked

specularsounds.co.uk/services

many thanks

Phil · July 8

Try the following CSS code:

.mcb-section-0d9761e8e .column_pricing_item{
 display: flex!important;
 height: 100%;
}
.mcb-section-0d9761e8e .pricing-box-box{
 display: flex!important;
 height: 100%!important;
 flex-direction: column!important;
}
.mcb-section-0d9761e8e .column_pricing_item .pricing-box .plan-footer{
 margin-top: auto!important;
}

But you must move the "Current Service Fees" heading to the section above.

Best regards

xsiv · July 10

Hi Phil,

Once again, your code is majic,

Thank you

As Always A+

Making price boxes the same size,

Comments