Nav - Icon Blocks Item Template | Axero Documentation

The Nav - Icon Blocks Item template displays a link with an icon. The template is a built-in template and comes with your Axero site. To use the template:

1. Add a Navigation Widget on a Page Builder page
2. Edit the widget
3. Add navigation items
4. Click the Template tab
5. Select one of the icon blocks templates below (not Nav - Icon Blocks Item)
   • Nav - Icon Blocks (2 Column) Template 
   • Nav - Icon Blocks (Pills) Template 
   • Nav - Icon Blocks (Wide) Template 

Note: This example uses the Nav - Icon Blocks (2 Column) Template .

Template HTML

Below is the HTML of this template for your reference.

<li class="{{CustomCSSClass}}">
    <a href="{{{Contents.URL}}}" title="{{WidgetTitle}}">
       <span class="x-icon"><i class="{{IconCSSClass}}"></i></span>
       <span class="x-label"><span>{{WidgetTitle}}</span></span>
    </a>
</li>