Any way of increasing size of menu icons

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

Quote · 8 Feb 2011

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.
Quote · 8 Feb 2011

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

 


Quote · 13 Apr 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.