Badge Style

Discounts or limited editions needs the best css design only. That’s why you have ability to adjust it customly. For example you can use a little CSS Tab for site magic of badge and text color:

#{{table.view_id}} .ptsColBadgeContent{
background-color: rgb(255, 0, 0) !important;
color: rgb(0, 255, 153) !important;
}

Note: “!important” attribute is not recommended for using, but style for badge doesn’t work without this attribute.

When you want to change badge size and font size in it, use the next code:

#{{table.view_id}} .ptsColBadgeContent{
width: 200px !important;
font-size: 25px !important;
}

Enjoy the example below – firstly initial Pricing Table:

Price

monthly


Number User

One

Free

Try Now


2 User

No Hidden Fees!

SALE!

Two

$6.95

monthly


5 User

Save $1.65

Four

$23.95

4.95 / mo


20 User

Save $9.65

Five

$31.95

3.95 / mo


Unlimited User

Save $16.65

And Pricing with modernized badge

Price

monthly


Number User

One

Free

Try Now


2 User

No Hidden Fees!

SALE!

Two

$6.95

monthly


5 User

Save $1.65

Four

$23.95

4.95 / mo


20 User

Save $9.65

Five

$31.95

3.95 / mo


Unlimited User

Save $16.65


 
Don’t forget to SAVE changes you made.

Categories
Latest Articles
WordPress PopUp Plugin