Pricing Table Changed After Update

Support
#1

Hi

After all the recent updates my pricing table is now changed this used to be a five column pricing table and it is now split into two tables how can I get it back to one line 5 columns? I don’t even know if any of my custom css is even working I don’t recall what this page looked liked recently I only have a older screen shot of when I first designed the rates page… very buggy!

looks like http://prntscr.com/h029gu
used to look like http://prntscr.com/h025fy

ALSO how do I remove the extra line in my boxes?

looks like this http://prntscr.com/h024z0
want it to only have one line separating http://prntscr.com/h024r7

need to remove bottom box http://prntscr.com/h02cwr

Thanks

#2

Hi There,

I did check rates page. I am seeing 2 pricing table elements. Not 1 pricing table with 5 columns. There is a known bug on pricing table where correct class is not added correctly. A bug fixed will be available on the next release: https://theme.co/apex/forum/t/pro-1-2-4-rc1-x-5-2-3-rc1-cornerstone-2-1-4-rc1/11736. But then even if this bug is fixed, it will only achieved 5 columng pricing table if you have 1 pricing table element with 5 column. But on your current setup I am seeing 2 pricing table elements instead.

We can add this custom CSS to remove bottom box:

.page-id-615 .x-pricing-column-info ul>li:first-child {
    border-top: 0;
}

Hope this helps.

#3

sorry I’m a bit frustrated my question was how do I get this table back to look like it once was? I realize that were 2 pricing elements this happened after the update I’ve changed it back to one pricing element. These tables are all now super HUGE on TWO LINES it used to be one line 5 columns as the below

I need it to look like it once was like this https://prnt.sc/h025fy

It still looks terrible I’ve added the css to remove the bottom line but it now looks like this

ALSO there is no divide in this column anymore as per below


Thanks!

#4

Hi There,

Please add this temporary CSS fixed:

.page-id-615 .x-pricing-table.three-columns .x-pricing-column {
    width: 20%;
}
.page-id-615 .x-pricing-column-info ul:first-of-type>li:first-child {
    border-top: 1px solid #e5e5e5;
}

Hope this helps.

#5

Great thanks that looks better can you send me css to get rid of this bottom box

Thanks again

#6

Hi There,

Would you mind to point us where is that bottom box located? I don’t see it on the tables on your rates page (https://prnt.sc/h2l0rr)

Thanks,

#8

hi there it must of cached… can you provide me with the CSS to get rid of the double line id like it to just have on line in between columns

Thanks!

#9

Hi again,

Please add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.x-pricing-column-info ul>li:last-child {
    border-bottom: none !important;
}

Let us know how this goes!

#10

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