Use icon in wordpress menu « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Use icon in wordpress menu

5 posts from 3 voices

Tags:

No tags yet.

petersmedegaard
Member

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?

Posted 7 months ago #
Devin
Moderator
Hi petersmedegaard,

The menu links get an id like this:
```
#menu-item-604 {
background: URL(http://yoursite.com/yourimage.png) 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.

Regards,

Devin
Posted 7 months ago #
petersmedegaard
Member

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.?

Posted 7 months ago #
petersmedegaard
Member

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

Posted 7 months ago #
Dude
Dude

Hey!

Glad that it works now.

Best regards,
Peter

Posted 7 months ago #

This topic has been closed to new replies.