Docs

[jaytaylor94]

Hi there,

I am trying to layout the pricing table in a way where the features are in a separate column to the left and then just put in an icon or text in the retrospective columns (see the graphic that I’ve added). Can you tell me how this is done?

Also, a simpler thing… How do I remove the icon from certain cells of the pricing table, for example, in a row for “Hourly Rate”, I only wish to put in £40 instead of an icon like “check” then the text “£40”.

Hopefully someone can help me out!

Cheers, Jay

[Prasant Rai]

Hello Jay,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[jaytaylor94]

Hello! Thanks for getting back to me, my URL is taylormadedigital.co.uk/pricing

On this page I have two different pricing forms and wish to change them to the style that I’ve shown in the jpeg above.

Thanks again,

Jay

[Joao]

Hi There,

Thanks for the provided links.

You can do that but you will need to use the Raw Content Element instead of the Pricing Table Element.

On The Raw Code Element, Please paste this code:

[pricing_table columns="4"] [pricing_table columns="4"] [pricing_table_column title="Basic" currency="$" price="39" interval="Per Month"][icon_list][icon_list_item type="check"]All Widgets[/icon_list_item][icon_list_item type="check"]All Wadgets[/icon_list_item][icon_list_item type="check"]All Wedgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Wodgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Gizmos[/icon_list_item][/icon_list][button shape="rounded" href="#example" title="Example"]Sign Up Today![/button] [/pricing_table_column][pricing_table_column title="Basic" currency="$" price="39" interval="Per Month"][icon_list][icon_list_item type="check"]All Widgets[/icon_list_item][icon_list_item type="check"]All Wadgets[/icon_list_item][icon_list_item type="check"]All Wedgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Wodgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Gizmos[/icon_list_item][/icon_list][button shape="rounded" href="#example" title="Example"]Sign Up Today![/button] [/pricing_table_column][pricing_table_column title="Basic" currency="$" price="39" interval="Per Month"][icon_list][icon_list_item type="check"]All Widgets[/icon_list_item][icon_list_item type="check"]All Wadgets[/icon_list_item][icon_list_item type="check"]All Wedgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Wodgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Gizmos[/icon_list_item][/icon_list][button shape="rounded" href="#example" title="Example"]Sign Up Today![/button] [/pricing_table_column][pricing_table_column title="Basic" currency="$" price="39" interval="Per Month"][icon_list][icon_list_item type="check"]All Widgets[/icon_list_item][icon_list_item type="check"]All Wadgets[/icon_list_item][icon_list_item type="check"]All Wedgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Wodgets[/icon_list_item][icon_list_item type="times" style="color: red;"]Gizmos[/icon_list_item][/icon_list][button shape="rounded" href="#example" title="Example"]Sign Up Today![/button] [/pricing_table_column]

[/pricing_table]

Note you will need to adjust the content for according to your wishes, this is just a sample of how to create a 4 Columns price table.

For more details and to be able to understand the customization please have a look at this link:

http://theme.co/x/demo/ethos/1/shortcodes/responsive-pricing-table/

I know this code above provided looks big and scary but if you take your time to read it, you will see it is quite easy to understand what each parameter do and you will be able to customize it according to your desires.

If you have any questions, please let us know.

Hope that helps,

Joao

[jaytaylor94]

Thank you very much! This is a mega help! Thank youuuuuu!!!!!

Jay

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts