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: May 13, 2023

Latest News: Updated the document.

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

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
  • Unfeatured Columns Colors
  • Featured Column Colors
  • Advanced Settings
  • Custom CSS
  • Save & Preview
  • Save
  • Deploy (Get Shortcode)

wp-pricing-tables-plugin-design-settings

General Settings

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

General Settings

  • Featured Label Text
  • Border Radius
  • Enlarge Column on Hover
  • Shake Button on Hover
  • Automatically match Row Height

wp-pricing-tables-plugin-design-general-settings

Font Sizes

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

wp-pricing-tables-plugin-design-font-sizes

Unfeatured Columns Colors

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

Background Colors

  • Border Color
  • Title Background Color
  • Pricing Background Color
  • Button Area Background Color
  • Bullet Item Background Color

Font Colors

  • Title Font Color
  • Pricing Font Color
  • Feature Color

Button Colors

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

wp-pricing-tables-plugin-unfeatured-columns-colors

Featured Column Colors

Step 5 ) The following image Featured Column Colors allows you to set up the following options.

Background Colors

  • Border Color
  • Title Background Color
  • Pricing Background Color
  • Button Area Background Color
  • Bullet Item Background Color
  • Featured Label Border Color
  • Featured Label Background Color

Font Colors

  • Title Font Color
  • Pricing Font Color
  • Feature Color
  • Feature Label Font Color

Button Colors

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

wp-pricing-tables-plugin-featured-column-colors

 Advanced Settings

Step 6 ) The following image Advanced Settings allows you to set up the following options.

Advanced Settings

  • Hide Empty Rows
  • Hide Call To Action Buttons
  • Open Link in New Tab
  • No Spacing Between Columns

wp-pricing-tables-plugin-design-advanced-settings

Custom CSS

Step 7 ) 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:

wp-pricing-tables-plugin-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)

8 + twenty =