Note: Term icon won't be displayed here automatically on your theme.
It must be retrieved and displayed using iconize_get_term_icon_by() function. Read more...

  Cat A

Hover effect trigger element

If you want to trigger icons hover effect when user hover over one of the parent elements, you can do it by adding iconized-hover-trigger class to desired parent element.

Examples:

 <h4 class="iconized-hover-trigger"><span class="iconized font-awesome glyph-eye hover-animate-fade-out"></span> Lorem ipsum</h4>

Lorem ipsum

 

 <p class="iconized-hover-trigger"><span class="iconized font-awesome glyph-up-hand size-sharp-5x align-left hover-animate-rotate-90" style="color: #3c4b70;"></span>Lorem ipsum dolor sit amet,...</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at placerat tellus. Nam ac nisi ut lorem tempor accumsan lacinia non arcu. Mauris convallis aliquam tortor vitae interdum. Suspendisse vestibulum leo in felis tempor, quis ornare elit ultricies. Nullam eu dui non velit pellentesque ullamcorper. Proin bibendum ipsum a quam ultrices, ullamcorper congue justo egestas. Donec tincidunt sit amet ipsum et feugiat. Fusce sodales pharetra ante, et fringilla nunc eleifend a.

 

<ul class="iconized-ul">
    <li class="iconized-hover-trigger"><span class="iconized font-awesome glyph-up-hand size-sharp hover-animate-grow-rotate-90 iconized-li" style="color: #3c4b70;"></span>List item</li>
    <li class="iconized-hover-trigger"><span class="iconized font-awesome glyph-up-hand size-sharp hover-animate-grow-rotate-90 iconized-li" style="color: #3c4b70;"></span>List item</li>
    <li class="iconized-hover-trigger"><span class="iconized font-awesome glyph-up-hand size-sharp hover-animate-grow-rotate-90 iconized-li" style="color: #3c4b70;"></span>List item</li>
</ul>
  • List item
  • List item
  • List item

 

<ul class="iconized-ul iconized-hover-trigger">
    <li><span class="iconized font-awesome glyph-up-hand size-sharp hover-animate-grow-rotate-90 iconized-li" style="color: #3c4b70;"></span>List item</li>
    <li><span class="iconized font-awesome glyph-up-hand size-sharp hover-animate-grow-rotate-90 iconized-li" style="color: #3c4b70;"></span>List item</li>
    <li><span class="iconized font-awesome glyph-up-hand size-sharp hover-animate-grow-rotate-90 iconized-li" style="color: #3c4b70;"></span>List item</li>
</ul>
  • List item
  • List item
  • List item