HTML CSS CSS Widget Font awesome

HTML CSS examples for CSS Widget:Font awesome

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Font awesome

Description

Click the following links for the tutorial for CSS Widget and Font awesome.

  1. Align font awesome icon in the middle of select element's height
  2. Add badge on top of Font Awesome symbol
  3. Center align font awesome icons vertically in a circle div
  4. Change font awesome in a class
  5. Fit white background behind fa-3x (Font-awesome) icons
  6. Give border bottom to heading with font awesome icon
  7. Make a stacked Font Awesome icon have the same width as a fixed width non stacked one
  8. Stylize a circle Fontawesome icon background


  9. Make Font Awesome icons in a circle
  10. Producing a timezone icon using fontawesome
  11. Margin with font-awesome icon
  12. Link with font awesome icon
  13. Font awesome icons in html form
  14. Change color of font-awesome star icon
  15. Font awesome icons alignment
  16. Font awesome - change the inner "i" color in class="fa-info-circle"


  17. Font-awesome class with multiple different icons
  18. Font awesome icons
  19. Font-Awesome fa-circle with two colors
  20. Font Awesome i css
  21. Font-Awesome overlap icons
  22. Font awesome using font face
  23. Font Awesome stacking icons
  24. FontAwesome icons aligned
  25. FontAwesome paper airplane