Classic Pricing Table formatting

I have added a classic pricing table here: http://www.masonhr.com.au/pricing/

The formatting is all over the place. There are 6 columns in total and I would like to have 3 side by side and then another 3 underneath side by side. How do I achieve this?

Also, I have tried adding in extra features but when I do it comes up with a bullet point next to it and makes the font smaller. What am I doing wrong?

Hello Bridee,

Thanks for writing in!

I checked the website and the formating seems to be effecting because of improper use of HTML codes or the changes made in the shortcodes are not proper. Here’s a screencast that you can take a look.

Please check the code/shortcode and make sure that the code follows the standard HTML coding pattern to avoid any unwanted changes in the layout.

Thanks.

Hi Prasant, I am not that technical and was just adding to the text section copying the coding in there. I have no idea how I get to that area in your screencast. Could you provide a little more detail in the instructions please?

I think I have worked out some of this. I have managed to get all the content in the tables but when I view the page, it is moving some columns. I have added in 2 classic pricing tables so I could have 3 on top, which is fine and then 3 on the bottom. The 3 on the bottom is moving them down. How can I fix them so they are side by side? I really need to wrap the heading text as this is pushing everything out. It would be great to be able to change font size of the headings too?

Hi Bridee,

Can you provide us a screenshot on how it looks in your end.

It seems to look fine on my end. 3 on top and 3 on the bottom

Thanks

Thank you, I finally worked it out after spending alot of time on it.

You’re most welcome, @masonhr.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.