LiveWhale CMS

Welcome, Guest Login

Support Center

Our documentation is moving:

Please check for the most up-to-date LiveWhale CMS and LiveWhale Calendar documentation. The below legacy documentation will remain available as a reference until the documentation migration is complete.

Insert icons using a custom icon font

Last Updated: Feb 05, 2015 02:01PM PST
Before being able to use the fonts you need to include a reference link to the css file:
<link rel="stylesheet" type="text/css" href="/live/resource/css/livewhale/thirdparty/font-lw-icons/css/lw-icons.css"/>

There are two ways to insert icons using a custom icon font.

1. The first way, is to use its name as the class in an inline element (see below):
<i class="icon-chevron-circle-right"></i>
A list of available icons and their names can be found here:

2. A second way, is by setting the content on :before or :after with CSS (see example below).

When you use this method, you need to use the icon's unicode value. Icon unicodes are available on the icon list by checking the "Show code" checkbox in the upper right hand corner at
    content: '\e80c';
    font-family: lw-icons;
    font-size: 2em;
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found