sparkles2.png

Text - Add Icon With a Circle Background

 

This HTML code will let you create icons within a coloured circle background.

 
 
 

See the effect in action

 

 
 
 

How to use the Effect

To use this effect, simply add a text block, click 'Source', paste in the below code and hit 'save'.

 

HTML

<p style="text-align: center;"><i class="fa fa-fw fa-sign-out-alt" style="background-color: #ffffff; font-size: 70px; height: 140px; width: 140px; line-height: 140px;border-radius: 50%;"></i></p>

(To change the icon, edit the code in Green ( Icons are found through Font Awesome. Please use the guide for more information)). HOW TO USE FONT AWESOME
(To change the background colour of the circle, edit the code in
Red)