Issue with Pricing Columns with 4+ Cols

Support
#1

Hi there.

[EDIT: I’ve seen in another post that they used style = width:100%; in the Pricing Table to fix a similar issue, but doesn’t work for me. (https://theme.co/apex/forum/t/new-x-cornerstone-pricing-column-issues/10397)]

  1. After a recent X upgrade, I noticed my pricing table which was 4 columns, pushes the 4th column down. (Image below).
    It’s forcing it to be a 3 column table basically, and there aren’t any options to change it!
    Do we have to create one manually using shortcodes or is there a fix for this?

  2. I’ve notice a new “PRESET” dropdown in cornerstone, which is always empty readying NO PRESET. How/where do we get presets from?

#2

Hi There,

1.) I can see the issue and yes I can confirm that pricing table columns is not updating once you pricing table column. By default, it is 3 column once we click the Add Pricing Table Column, it should update the class to accommodate that new column settings which is not happening at the moment. The fixed provided on other thread will not work on all setup/structure and it is just a fixed but not address the underlying cause of the issue. I will forward this as a bug for our developer to investigate. For the mean time, to fixed it on your page, add this custom CSS instead:

.x-pricing-table.three-columns .x-pricing-column {
    width: 25%;
}

We’re sorry for the inconvenience and we will let you know once we have an update. Thank you for understanding.

2.) Please check our changelog here under FAQS > What is next for Pro and its ecosystem of builders? for explanation regarding the presets.

#3

Hi I am having the same problem. The fix above does not fix my issue. Any updates would be helpful. UPDATE I have created two pricing tables and removed the headline “this leaves a big gap” I put a line element in made the size zero. This seems to be a work around to the problem

#4

Hi Lely,
It did work for me, but I had to put this CSS in elsewhere. Can’t remember exactly, but it might have been in the style for EACH column, in EACH table. Give that a shot.

-Kushal.

#5

Hey There @kushalx and @partypros

Please follow the solution I’ve provided here

You can add custom CSS in Theme Options > CSS , or on page CSS, or on Child theme’s style.css file.

Cheers!