Hi. How can we help?

Label Variations

14 Mar 2018 in: Labels

Circular

A label can be circular

1 2 2 3 5
<a class="wojo primary circular label">1</a>
<a class="wojo secondary circular label">2</a>
<a class="wojo positive circular label">3</a>
<a class="wojo negative circular label">4</a>
<a class="wojo black circular label">5</a>
<a class="wojo primary circular empty label"></a>
<a class="wojo secondary circular empty label"></a>
<a class="wojo positive circular empty label"></a>
<a class="wojo negative circular empty label"></a>
<a class="wojo black circular empty label"></a>

Size

A label can be small or large

Mini
Tiny
Small
Medium
Large
Big
Huge
Massive
<div class="wojo mini label">
  Mini
</div>
<div class="wojo tiny label">
  Tiny
</div>
<div class="wojo small label">
  Small
</div>
<div class="wojo label">
  Medium
</div>
<div class="wojo large label">
  Large
</div>
<div class="wojo big label">
  Big
</div>
<div class="wojo huge label">
  Huge
</div>
<div class="wojo massive label">
  Massive
</div>

Tag

A label can appear as a tag

New Upcoming Featured
<a class="wojo tag label">New</a>
<a class="wojo positive tag label">Upcoming</a>
<a class="wojo negative tag label">Featured</a>

css file location in /themes/master/css/label.css