Labels and Highlights

A nice variety of text based styling of text highlights, labels, and badges.

Text Highlights

Text highlights gives you the ability to make a word or words standout within a page or paragraph.

Sample Markup
Lorem ipsum dolor amet consec sorium este tetur adipiscing placerat elit. <span class="st_highlight">some text</span>
Lorem ipsum dolor amet consec sorium este tetur adipiscing placerat elit. <span class="st_highlight" style="background-color: #99cc6a; color: #ffffff;">some text</span>

Labels

Labels Markup
Default Lorem ipsum dolor sit amet consec tetur. <span class="st_label">Label</span>
Green Lorem ipsum dolor sit amet consec tetur. <span class="st_label" style="background-color: #99cc6a; color: #ffffff;">Label</span>

Table Colours

Table Heading Heading
With tables, you can also change the colour of the headings to any colour you want. <thead><tr style="background-color: #99cc6a; color:#fff;">
Keeping this styling inline means that if you change your theme, you maintain your table styles.