Menu icons automatically get resized

Hi,

I am trying to show icons in the navigation menu instead of text. But when I provide an icon for any menu field e.g. "People" or "Videos", the icon gets automatically resized similar to the size of other icons e.g. home, dashboard etc and the text in the icon is hardly visible. I want to have stylish icons  instead of plain text with full text in  the icons like "People", "Videos" etc

Can someone please help me out to sort this out?

Thank

Anyone got any clues with this one?

Would appreciate if someone can throw some pointers ...

I would try looking at the css and see if there is a resize in there that constrains the icon display.

I tried looking into the CSS but no luck.

I drilled it down to this CSS class that holds the classes(topMenu, top and top_link) for those links i.e. base/css/top_menu.css but couldn't find out where to make the change to stop that resizing.

Any help?

Hi SashaE,

As discussed in PMs, here's the image that describes the issue -

So what I am saying is that why the "Forums" image is getting automatically resized and hence becomes un-readable. How to stop that from happening ...

I havn't looked but since all the icons are 16 x16 in the nav menu currently, it's probably hard-coded somewhere. Try to locate in the Navigation php.

Thanks a lot sydeburnz, that idea helped. Yes, the 16x16 was actually hard-coded in a php file !!!

I made this change in the file templates/base/scripts/BxBaseMenu.php -

Changed -

<img src="{$sPicturePath}" style="vertical-align:middle;width:16px;height:16px;" />

To -

<img src="{$sPicturePath}" style="vertical-align:middle;" />

And it worked fine but I am not sure with missing width and height parameters it might throw some html validation errors.