Sep 162014
 

WP Easy Pricing Table Design Settings shows you how to set up the tables design i.e. Featured Label Text, Font Sizes, Background Colors and more.

Last Updated: December 5, 2019

Latest News: Updated a broken link.

This post shows you how to customize the tables by changing the button color, font sizes and more. If you are knowledgeable in CSS, you can use the Custom CSS area to add your custom code.

The following links can help you with CSS.

WP Easy Pricing Tables Tutorial list:

Add Pricing Table To Suffusion Design

Step 1 ) Go to Pricing Tables -> Add New -> Design to set up the following options. See image below.

Table Design

  • General Settings
  • Font Sizes
  • Button Colors
  • Custom CSS
  • Save & Preview
  • Save
  • Deploy (Get Shortcode)

pricing-table-design-settings

Step 2 ) The following image General Settings allows you to set up the following options.

General Settings

  • Featured Label Text
  • Border Radius
  • Automatically match Row Height

pricing-table-design-general-settings

Step 3 ) The following image Font Sizes allows you to set up the following options.

Font Sizes

  • Featured Label Font Size
  • Plan Name Font Size
  • Price Font Size
  • Bullet Item Font Size
  • Button Font Size

pricing-table-design-font-sizes

Step 4 ) The following image Button Colors allows you to set up the following options.

Button Color (Unfeatured Columns)

  • Button Color
  • Button Border Color
  • Button Hover Color
  • Button Font Color

Button Color (Featured Column)

  • Featured-Button Color
  • Featured-Button Border Color
  • Featured-Button Hover Color
  • Featured-Button Font Color

pricing-table-design-button-colors

Step 5 ) The following image Custom CSS allows you to enter custom css to customize your tables further. You need to be proficient with CSS code. 

Custom CSS

  • Custom Pricing Table Css

CSS Recommended Sites:

pricing-table-design-custom-css

Click on the following URL Final Table Design to continue setting up the table plugin.

If you have any questions please let me know. I will be updating this tutorial from time to time so come back for the latest news.

Enjoy.

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)