Add Home Icon to menu

  • Adrian

    #8355

    Hello guys,

    I wonder how to add a Home Icon to menu on my website.

    It should be only icon without text with specyfic parameters (width and hight).

    I will be gratefull for help πŸ˜‰

    Mod

    Kenneth John Odle

    #40982

    If you can identify the unique WordPress ID for that navigation menu, it may be possible.

    Anonymous

    #40983

    This,

    #menu-item-2506 {
    background: url("http://i.imgur.com/GXXTAKt.png") no-repeat !important;
    background-color: #F5F4F4 !important;
    padding-left: 30px;
    }

    will give you this,

    9p6sgPL.png

    Adrian

    #40984

    Thanks Prasanna πŸ˜‰

    Your code works but… do it’s possible to set only icon (without text “Home” or in my case “Strona gΓ…β€šowna”) with link to main page?

    Adrian

    #40985

    I found a solution! πŸ˜‰

    I just install Font Awesome 4 Menus plugin and in admin panel click

    Appearance –> Menus –> and in Label paste this code:

    <i class=”fa fa-home fa-lg”></i>

    “fa fa-home fa-lg” is Home icon πŸ˜‰

    If somebody need different just paste other code from: http://fontawesome.io/icons/

    I hope this solution will be useful to someone πŸ˜‰

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!