Pricing Table - need help editing size

Hello! I would like to have a pricing table on one of my pages, but I would like it to only be two columns. How can I make it so that the two columns spread out evenly across the page?

I would like there to not be a gap (the orange square):

Thank you for your help!
Nadia

Hello Nadia,

Thanks for writing to us.

You can delete the column from the pricing table to make pricing table two-column, Go to your Section —>Classic Pricing Table–>Click on the Inspector Icon(Magnifier icon)–>Now you can delete the columns.

Thanks

Thank you. I had done just that but on the backend it didn’t show the columns adjust- I just realized that on the front-end it does :slight_smile: I appreciate your help!

Since it’s a similar topic, I’ll add one more question to this thread.
How can I remove the icon from the side of some lines, for example, these:

I tried to remove the [cs_icon_list_item type=“check”] and [/cs_icon_list_item] code but it takes away the line altogether. I want to either take the icon out or make it a bullet point. When I remove the “check” label, it turns it into an X.

Thanks again for your help!

Hello Nadia,

There are no theme settings to remove it. It is only possible to hide the icons from the custom CSS code.
Add this custom CSS code X/Pro-->Theme option --->CSS

.x-pricing-column li.x-li-icon i {
display: none;
} 

In case if you want to change the icons you can change it by changing the class name in the type attributes for example [cs_icon_list_item type=“circle”]First Feature[/cs_icon_list_item]
You can get the icons class name from here https://fontawesome.com/v4.7.0/icons/

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

Thanks so much!!

You are welcome @NadiaCrisisEquipped

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