How to Add Font Awesome Icons to WordPress Menus without Plugin

Font Awesome Icons

If you want to add icons to your site’s menu, it’ll give your visitors some visual clues about the content. You will also be able to add a nice design touch to your own site by following our step by step instructions. Well, in this article we will show you how you can easily add icons to custom WordPress Menu without any plugin or images. At end when finish you’ll have some icons next to each item in your navigation menu. Moreover, you won’t need to upload any images or files which make your site slow down – How to Add Font Awesome Icons to WordPress Menus without Plugin

Create a Child Theme

In case you don’t have a theme, then you will need to create one to work with. We recommend you the child theme that is the easiest way of an existing theme. It means that you can easily add your own changes without doing even a single thing to original theme. You can create a child theme of the default theme. If you are new to the child theme then you can need some guidance from our site or internet.

Activate the Font Awesome Library

In next step you need to activate the Font Awesome library in your theme.

The Font Awesome is the library of icons created to sue icon font. Simply it means that it doesn’t use any background images. In place of it uses CSS classes, to add a pseudo element to anything with an icon class.

The pseudo element adds a special character before the element along with the icon style. You have to get start by activating Font Awesome in your theme. Then create a new file called function.php in your theme folder. Furthermore, if your theme has a functions file, start to open it.

Add CSS to the Menu Items

Up to this stage your Font Awesome is registered, now you can use CSS classes which provides adding icon to your menu items. Go to Appearance>Menus in the WordPress Admin where you can edit your navigation menu. In case you are not having or haven’t created a navigation menu, create on the spot and tick the checkbox in the menu screen. So that it is in the ‘Primary Navigation’ slot in your own theme.

WordPress is letting you to add a CSS class to every item in your menu. However, you are not able to see the field to this by default. First you must switch on it;

  • Click the Screen Options tab on the top of the screen
  • Check the box next to the CSS Classes
  • Close the Screen Options tab

Finally, you can add a class to any of your menu items. You can start with the ‘Home’ menu item. After that click on the downwards arrow next to the menu item, it will view more options related to that menu item.

fa fa-lg fa-home

fa

is used for all items with a Font Awesome icon

fa-lg

sets the size of the icon to large

fa-home

relates to the specific icon you want to display.

Give Style to the Menu Item

First take a look to your site’s menu in the front end, the fonts in your menu will have changed. The icons will be above the text when you want them to the left. All of your menu items will be next to each other when they need to be one above the other.

If you are working with your own theme, you could know that your menu looks worse or better than before or for the first time. You will also need to make some different tweaks.

When you want to fix the problems in your site, you need to add some styling to your style sheet.

Keep in mind that if you are working with your own theme, you might need to target different classes or IDs to your menu. It depends on how you have coded your theme. So let’s start by making the menu items that are one above the other. First open your theme’s style sheet and add the following code;

  • .main-navigation ul li {
  •        width: 100%;
  • }

This will ensure that each menu item takes up 100% width of its containing element. Now when you refresh your screen, the menu will be looking better than before.

Your menu items are in the right place now, however, the icons should be to the left of each menu item. For doing this, fix the following by adding to your style sheet.

  • .fa::before {
  •      float: left;
  • }

Finally, save your style sheet and then refresh your screen. All the icons will be in right and better place. So that’s all, we are sure that you can take enough help from our article and instructions. For further information you can visit to our stie at WWW.INTERNETSEEKHO.COM

5 Free Important Plugins for WordPress Blog

Important Plugins

Most of the bloggers get confuse initially introduced to WordPress. User interface is quite important, so for the user’s initial experience with the user interface is plugins. There is stunning number of plugins for the WordPress platform. You can have many free plugins at Plugin Directory but to find plugin that matches with your needs is very difficult. Luckily, in this article we’ll make you to take the essential plugins for your WordPress blog – 5 Free Important Plugins for WordPress Blog

Page Load Speed

This is very important for all the bloggers and one thing is proven that site speed can affect Google ranking and visitors. You blog is same like an engine; if there isn’t someone on the throttle then you can’t go or leave anywhere. If you enter you new best friend WP Super Cache so the plugin changes the dynamic content into HTML that is produced by WordPress. This way it loads faster.

Social Media

Social media is the best source of blogging and it is same like a body part for blog. As search engine provides a lot of traffic, social media delivers the highest level of targeted visitors to your site. We recommend you Digg Digg plugin which is very effective, easy to customize and free. You can download it if you want and it has the best customization and allows you to add services you like.

Comments

After getting famous of blogging, one of its prime selling points is the concept in the community. The concept is derived from ability for a visitor to communicate through commenting. Comments connect you with the visitors and very crucial for a blog. You should motivate your visitors for commenting or asking questions through comment. This way your site or blog will get as famous as you have considered.

Comment Spam Protection

Comment spam is destruction for many bloggers. However, it’s good that WordPress comes re-bundled with Akismet Spam Blocker. Most of high profile blogs have protested many times that it has become unreliable. In simple term, plugin provides a check box that your commentors should click. The click will just confirm that they are not spammers. You can also use GrowMap which is without problems and many other bloggers do so.

Contact Form

At the end point, a contact form is required to your blog because your visitors are able to contact you. Most of the bloggers don’t wish to publish email address because of the potential spamming implications. But doesn’t matter, Fast Secure Contact Form is a plugin that easily delivers by the promise of its name. The plug-in features all of the functionality you really want has got more customization options that you can install.

Finally, these are five must plugins for your blog that can help you in many ways. We hope our article can help enough. You can comment for any feedback or asking any questions. For further information you can visit to our website at WWW.INTERNETSEEKHO.COM

How to make money by just reading news

How to make money by Adiphy.com for reading news

Many ways to get money but the way we want to introuce is quiet simple for earning a handsome amount of money. Such way is established in September 2016 this year investing by famous investors. Here is the full review and description that we are going to tell you site step by step that how to make money by reading news

Earn Money by Adiphy.com

This is the site through which you can can earn money on clicking and sharing of your social media accounts. Some advisers of this site are very popular site like BBC, Reuters, The Store, Politi.co etc. You can get into this program without any hesitation so there is no problem for you because this site can accept people from all over the world. The next point is this site doesn’t have any restriction or ban which means all the people can use it.

How to make money for reading news

How to Join this site?

In such cases it happen that without having the account ID you can’t join any site or can’t use the required policy. According to this site there is no need of paying the money or making different account. You can get enter free and sign in to by using own Facebook Accounts.

If you want to get paid sharing and clicking so there are three ways including the limit, there is a limit of 20 paid click and 20 paid shares per day. Another way is to earn, simple by referring the others to sign up with the help of your personal and impersonal your personal links and sites, the cost of per refer will be almost 0.40$. In case you are very good in referring to others then you can easily make big amount of money. You can earn 1.50$ by clicking once or signing in.

This is the easy way of earning a handsome amount of money that every person can do it. For interested people, there are rules to be followed that can provide enough help to earn money. First you have to be active and if you are an active member of Adiphy, also can promote 27 person to your Facebook Page, Forms, Twitter etc so minimum you can get 50$ by PayPal almost having job on 3 or 4 working days for receiving the money.

This is called earning many dollars in second of time, you can earn money and enjoy as well. Adiphy is the only site or program that everyone could earn money very easily. It is important to try to be active being a member of this site.

Conclusion;;

Following are the easy steps of earning money with Adiphy.com that can help you the most. You can also visit to our website for further information, our website is WWW.INTERNETSEEKHO.COM