Icons
Box □ №21 theme relies on the Font Awesome 5 icon kit edition,
coming with 675 free icons you can use on your website.
Add new Icons
To add new icons, go to
Font Awesome 4.7 website
and copy the icon's HTML code:
sample snippet:
<i class="fa fa-heart" aria-hidden="true"></i>
popular icons:
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-youtube-play" aria-hidden="true"></i>
<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-pinterest-p" aria-hidden="true"></i>
<i class="fa fa-heart" aria-hidden="true"></i>
<i class="fa fa-envelope-o" aria-hidden="true"></i>
To ensure that your icons can be styled through the dedicated icon editor, add your icons to the Header, Sidebar or Footer gadget area or
wrap it in a DIV with class ".icons":
sample snippet:
<div class="icons">
<i class="fa fa-heart" aria-hidden="true"></i>
</div>
To make the icon clickable, add a hyperlink:
<div class="icons">
<a href="YOUR LINK" target="blank">
<i class="fa fa-heart" aria-hidden="true"></i>
</a>
</div>
To style the Icons, go to:
Advanced ⟶ Social Media Icons
.
To customize the website backgrounds, go to:
Advanced ⟶ Backgrounds.
