How to Add Font Awesome Icons to WordPress Sidebar

Today I will teach you how you can put Font Awesome icons in the sidebar of a WordPress website. All bloggers always feel that their blog looks different, and if the layout of your blog is different, then the visitor who comes once will definitely come for the second time if the design of your site is user-friendly.

Add Font Awesome Icon to WordPress Sidebar

First of all, you have to integrate Font Awesome Icon into your website, you can do it from two dates from CDN and from Plugin, today I will teach you from plugin, then you simply have to put a plugin in your website its name is Font Awesome 4 Menus.

Font Awesome 4 Menus

Now you have to copy the simple CSS code that I have given you below and you have to log in to your WordPress website and paste it into Appearance > Customize > Additional CSS.

Note: If you have not integrated Font Awesome Icon in your site then this icon will not show.

.widget ul {
  list-style: none;
  padding: 0;
.widget li {
  padding-left: 1.3em;
    font-weight: bold;
.widget li:before {
  content: "\f138";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;

How to Change Icon & Color

If you have to change its icon, then you will not have to change its Unicode, Font Awesome has many icons, so if you want to know everyone’s Unicode, then you can visit this website by visiting Font Awesome Cheatsheet.

If you do not want to change the color of the icon then you have to change the above code color: #002468; replace color: #your-color-code; You have to enter your code which color you like.

I hope that you must have liked this information, if you liked it and you think it is helpful, then do share this post on social media.

Leave a Comment