Hi
Is there a way of making the menu icons bigger than they are. I am using icons instead of the wording for my site but they are very small and wondered it i could make them bigger easily
Hi Is there a way of making the menu icons bigger than they are. I am using icons instead of the wording for my site but they are very small and wondered it i could make them bigger easily |
The width and height of those images are set in top_menu.css in your template directory. Look for this code: .topMenu a span.down img, .topMenu b span.down img {
height: 16px;
margin: 8px auto 7px;
vertical-align: middle;
width: 16px;
}
You'll have to find some larger images, because the default images actually are 16px, 16px, and scaling them up to 24px, 24px, won't look very good. So... find some 24px images to use, and change the width and height accordingly in the above code. You'll have to adjust the margins a bit when you do this. My opinions expressed on this site, in no way represent those of Boonex or Boonex employees. |
My CSS there only says:
.topMenu a span.down img, .topMenu b span.down img { margin-left: 4px; }
if i add in height and width like below, nothing changes
.topMenu a span.down img, .topMenu b span.down img { margin-left: 4px; height:64px; width:6px; }
also i tried editing the BxBaseMenu.php file where it says: <img src="{$sPicturePath}" style="vertical-align:middle;width:16px;height:16px;" /> and change it from 16 to 64 like this: <img src="{$sPicturePath}" style="vertical-align:middle;width:64px;height:64px;" />
The icons show up bigger--however, I also get an error message: Warning: Cannot modify header information - headers already sent by (output started at /home2/violinro/public_html/dolphin2/templates/base/scripts/BxBaseMenu.php:1817) in/home2/violinro/public_html/dolphin2/inc/design.inc.php on line 133
|