Pricing table not aligned correctly

The fourth column of the pricing table is not aligned at the top like the other three columns, even though they are all set to featured=“true”. Why isn’t the fourth column aligned correctly?

The Pricing Table is on the page titled ‘Pricing — Gutenberg’.

Hi,

I copied your code and tried it on my test site but could not replicate the issue.
It was lining up correctly on my end.

In your case it seems that the table doesn’t fit on its container so I tried to adjust the width of the columns and it lined up correctly.

Please add the code below in Theme Options > CSS


.x-pricing-table.my-table .x-pricing-column {
    width: 24.5%;
}

Hope that helps

Thank you. That works perfectly. Is there a way to remove the icon from the icon list? I want the list, but don’t want the little check marks. I tried [icon_list_item type=“none”] but that didn’t work.

Hi There,

Thanks for writing in again!

you can remove the icon through below CSS.

.x-pricing-column-info ul>li [class*="x-icon-"] {
display: none;
}

Hope this helps!
Thanks

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