Pricing table resize help


#1

Hi,

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.


#2

Hello,

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 https://www.screencast.com/t/pEDzUp9J2044

Best Regards!


#3

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.