Select Color Palette
Icons

Font icons

Font Name: ccl-icons (Glyphs: 21)

Icon Class html char
ccl-icon-language e91b
ccl-icon-cog e91c
ccl-icon-menu e91a
ccl-icon-close e916
ccl-icon-zoom e908
ccl-icon-zoomminus e90b
ccl-icon-zoomplus e915
ccl-icon-map-dot e901
ccl-icon-extlink e902
ccl-icon-refresh e903
ccl-icon-events e904
ccl-icon-euro e905
ccl-icon-eventok e906
ccl-icon-cart e907
ccl-icon-map-mark e909
ccl-icon-no-event e90a
ccl-icon-youtube e90c
ccl-icon-twitter e90d
ccl-icon-instagram e90e
ccl-icon-facebook e90f
ccl-icon-share e910
ccl-icon-chevron-thin-up e911
ccl-icon-chevron-thin-right e912
ccl-icon-chevron-thin-left e913
ccl-icon-chevron-thin-down e914

How to use

1. Set up on Your Site

Copy this code into the <head> of each template or page where you want to use a ccl element.

2. Choose your Color palette

Add Classes on your element <body> (or on a html container). Find the right one according the theme to use on your page.

example:

3. Add Elements to Your UI

Start placing element in your HTML's <body>. Find the right HTML string , copy/paste on your page and customize it.