HTML CSS examples for CSS Widget:Font awesome
Font awesome - change the inner "i" color in class="fa-info-circle"
<html> <head> <title>Lorem ipsum dolor sit amet, co</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> <style id="compiled-css" type="text/css"> .icon-background1 { color:Chartreuse; } .fa-info-circle:before {<!-- w w w .ja v a2 s . co m--> content:"\f6a"; background-color:yellow; border-radius:51%; width:51px; height:51px; display:inline-block; line-height:51px; } </style> </head> <body> <i class="fa fa-info-circle fa-4x icon-background1"></i> </body> </html>