Icons
Icons are inserted in view of svg codes.
* Example of use demo
How to Add the New Icon(s)
Shortcode example:
[clubio_icon icon="icon-facebook-logo" link="www.facebook.com" class="hovicon"]
Shortcode parameters:
-
link - not required parameter. If you add it you will see icon wrapper in view of
<a href="your_link"><svg class="icon icon-"....>..</svg></a>
-
class - not required parameter. If you add only it and no link you will see an icon in div wrapper
-
name - not required parameter. Attribute "title" if icon wrapper is link.
-
target - not required parameter. Attribute "target" if icon wrapper is link.
For example, target="blank" will be trasformed as target="_blank"
Examples of possible icons view:
Icon code | Frontend html |
[clubio_icon icon="icon-facebook-logo"] |
<svg class="icon icon-facebook-logo">....>..</svg> |
[clubio_icon icon="icon-facebook-logo" class="hovicon"] |
<div class="hovicon"><svg class="icon icon-facebook-logo">....>..</svg></div> |
[clubio_icon icon="icon-facebook-logo" name="facebook" target="blank" link="www.facebook.com" class="hovicon"] |
|