Pricing table resize help


Looking for some assistance in adjusting the size of the Pricing tables via CSS, in an ideal world I’d like to have 4 tables alongside each other - Out of the box the pricing tables seem quite large.

Happy to play around with the sizes in the additional CSS etc, however, struggling to locate the correct code/css

Any help appreciated.


This should be possible with css code below:

.pricing-table {
    width: 24%;

.pricing-table.astrid-3col:nth-of-type(3n+1) {
    clear: none;

Apply it from Appereance > Customize > Additional CSS field and result should look like this

Best Regards!

Perfect, now I just need to play with the CSS Fonts etc to make the formatting a little more presentable.

Thank you for the help! appreciate it.