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:

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

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
Get plugins bundle today and save over 80%