Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #17826

    Is it possible to insert the same icons as the sidebar tab widget in a standard wordpress menu.

    I have tried this but it does not show up.:

    #page-item-901 {

    background: url(/images/icons/alert.png) no-repeat;


    The optimal thing would be to use same menu style as the sidebar tab widget since its MUCH better looking than the standard menu. Is this also possible?


    Hi petersmedegaard,

    The menu links get an id like this:

    #menu-item-604 {
    background: URL( no-repeat;

    So make sure you are targeting the correct item ID. There will need to be some additional spacing/padding added to the menu items to get the look you are going for but it isn’t easily possible to just copy over the style from the tabs. You would need to compare and duplicate manually.




    Hi Devin

    Thanks for the answer but i am refering to the sidebar menu and it has Id like this:

    <li class=”page_item page-item-901″>Brainstorm

    And i cant use your code:

    #page-item-901 {

    background: url(/images/icons/alert.png) no-repeat;


    It does not chnge icon. I can only do it in topmenu.?


    Hi again. I just cleared the cache and it works now. Thanks.



    Glad that it works now.

    Best regards,


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

The topic ‘Use icon in wordpress menu’ is closed to new replies.