How to use 500+ icon fonts bundled with the theme?

[livemesh]

The list of icons bundled with the theme is listed here –

Icon Fonts bundled with Enigmatic

To use the icons, you just insert a markup like

or some prefer

to display the icon. The above link provides you with the class names to use to display the corresponding icon.

These font icons can be styled in CSS for color and size. You can utilize the custom.css file or the Custom CSS tab in the options panel to insert styling information like this –

#my-section i { font-size: 32px; color: #333; }. 

Do look for some examples of the usage in the demo content provided with the theme.

Although I am not going to recommend it, theoretically you can use inline styling as well to scale the icon and color it like this –

. 

[Author]

Posts