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
Two
$6.95
monthly
5 User
Four
$23.95
4.95 / mo
20 User
Five
$31.95
3.95 / mo
Unlimited User
And Pricing with modernized badge
Price
monthly
Number User
One
Free
Try Now
2 User
Two
$6.95
monthly
5 User
Four
$23.95
4.95 / mo
20 User
Five
$31.95
3.95 / mo
Unlimited User
Don’t forget to SAVE changes you made.