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:

And Pricing with modernized badge

Don’t forget to SAVE changes you made.