CSS3 Vertical Web Pricing Tables for WordPress

Here is a complete settings example for CSS3 Vertical Web Pricing Tables for WordPress:

General Settings

[pricing-table id="1" title="Pricing Plans" class="pricing-table-example" rows="3" columns="2" show_subtotal="true" show_total="true"]

Row Settings

[row id="1"]
    [column id="1" width="50%"]
        <h4>Basic Plan</h4>
        <p>Features</p>
        <p>$9.99/month</p>
    [/column]
    [column id="2" width="50%"]
        <h4>Pro Plan</h4>
        <p>More Features</p>
        <p>$29.99/month</p>
    [/column]
[/row]
[row id="2"]
    [column id="1" width="50%"]
        <h4>Enterprise Plan</h4>
        <p>Even More Features</p>
        <p>$49.99/month</p>
    [/column]
    [column id="2" width="50%"]
        <h4>Custom Plan</h4>
        <p>Custom Solutions</p>
        <p>Custom Quote</p>
    [/column]
[/row]
[row id="3"]
    [column id="1" width="100%"]
        <p>Try it out today!</p>
    [/column]
[/row]

CSS Settings

.pricing-table-example {
    background-color: #f5f5f5;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.pricing-table-example h4 {
    font-weight: bold;
    margin-bottom: 10px;
}

.pricing-table-example p {
    font-size: 14px;
    margin-bottom: 20px;
}

.pricing-table-example.row {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.pricing-table-example.row:last-child {
    border-bottom: none;
}

.pricing-table-example.column {
    padding: 20px;
    text-align: center;
}

.pricing-table-example.column h4 {
    font-size: 18px;
    margin-top: 0;
}

.pricing-table-example.column p {
    font-size: 16px;
    margin-bottom: 0;
}

.pricing-table-example.column.price {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}

Custom Styles

.pricing-table-example.pricing-plan-badge {
    background-color: #4CAF50;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.pricing-table-example.pricing-plan-badge-sale {
    background-color: #e74c3c;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.pricing-table-example.pricing-plan-badge-new {
    background-color: #2ecc71;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

Note: You can customize the CSS classes and IDs to match your WordPress theme's styles.

Here are the features extracted from the content:

1. Pure CSS + HTML: The plugin uses pure CSS and HTML to create pricing tables.
2. Intuitive Admin Panel: The plugin comes with an intuitive admin panel that makes it easy to create and manage pricing tables.
3. Vertical Layout: The plugin uses a vertical layout, which is unique compared to traditional pricing tables that use a horizontal layout.
4. 10 Predefined Color Skins: The plugin comes with 10 predefined color skins that can be used to customize the appearance of the pricing tables.
5. Unlimited Number Of Tables On The Website: Users can create an unlimited number of pricing tables on their website.
6. Hover States: The plugin includes hover states, which can be used to create animations and effects when users hover over the pricing table rows.
7. Smooth CSS3 Animation: The plugin uses smooth CSS3 animations to create a professional and modern look.
8. Configurable Width: Users can configure the width of the pricing tables to fit their specific needs.
9. Unlimited Number Of Rows: Users can create an unlimited number of rows in their pricing tables.
10. Unlimited Number Of Features For Each Single Row: Users can add an unlimited number of features to each row in their pricing tables.
11. Font-face Fonts: The plugin includes font-face fonts, which can be used to customize the font styles and sizes.
12. PSD Source Included: The plugin includes a PSD source file, which can be used to customize the design of the pricing tables.
13. Implementation with Simple Shortcode: Users can implement the pricing tables using a simple shortcode.

Let me know if you'd like me to help with anything else!