Use a FontAwesome icon as a pull quote icon marker Rather than laboriously writing CSS for removing the default bullets from unordered lists, then adding FontAwesome icons to serve as new bullets, which you would then make sure all have equal width, why not use the fa-ul class on your unordered list: List icons can be used as bullets in lists Use FontAwesome icons to replace unordered list bullets Instead of using a table element, just add the fa-fw class to get fixed-width icons! Home Books Tags Logout If you’re using icons in a list of links, you might find yourself forced to use a table just to get the icons and link texts to line up properly: Home Books Tags Logout Fixed-width FontAwesome icons using fa-fw There’s a simpler approach! Just use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x or fa-5x classes: fa-lg fa-2x fa-3x fa-4x fa-5x So in order to get a bigger icon in relation to the text, you’d have to write something like this: fa-camera-retro The size of any FontAwesome icons you include in your HTML are always the same as the font-size specified for their container. You can increase the size of your FontAwesome icons automatically Great icons and easy to use! But are you using all the tricks that make FontAwesome even easier to use? Check out these 7 FontAwesome tricks that you may not have spotted in the documentation. We’re sure you’re using the fantasic FontAwesome CSS library in all your web apps.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |