Home Forums Basel support forum Custom png icons in menu

Custom png icons in menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #3349

    mixcreativos
    Participant

    Hi! I need to set my png customized icons for categories menu instead fontawesome icons. How can I do that?

    Regards!

    #3359

    Artem Temos
    Keymaster

    Hello,

    Thank you for the question.

    There is no an option to upload icons as PNG to your menu in the Appearance -> Menus. So the only one way at the moment will be adding it with CSS. Here is an example

    #menu-item-19904 > a {
        background: url(http://placehold.it/15/15) no-repeat left center;
        padding-left: 22px;
    }

    Don’t forget to replace 19904 with your menu item id. You can find it here

    f

    Regards

    #4922

    mixcreativos
    Participant

    Hi! Sorry we´re trying but does not work. We are adding css code in Custom CSS in Theme Options, with the menu item id of the category. Could you please take a look?

    #4938

    Artem Temos
    Keymaster

    Hello,

    You just placed the code snippet incorrectly. Use > instead of &gt

    Regards

    #4941

    mixcreativos
    Participant

    We had place the code correctly now:

    #menu-item-403 > a {
    background: url(http://placehold.it/15/15) no-repeat left center;
    padding-left: 22px;
    }

    Still does not work.

    #4943

    mixcreativos
    Participant

    Code now is:
    #menu-item-403 > a {
    background: url(http://placehold.it/15/15) no-repeat left center;
    padding-left: 22px;
    }

    Best regards

    #4949

    Artem Temos
    Keymaster

    We still see a wrong code on your page source

    Regards

    #4973

    mixcreativos
    Participant

    Sorry, where is the error? We tried with two items but is not working.
    capture of code

    #4974

    mixcreativos
    Participant

    Ok sorry… we needed a dot not the #… My fault! Now is working perfectly!

    Thanks for your patience!

    Best regards!

    #4989

    Artem Temos
    Keymaster

    Great, you are welcome! 🙂

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

The topic ‘Custom png icons in menu’ is closed to new replies.