Download & Extend
Menu Icons » Issues

A setting to define some space between the icon and the text

Posted by promes on June 4, 2010 at 9:27am
Project:Menu Icons
Version:6.x-2.4
Component:Code
Category:feature request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

I just installed the module and it works fine. Thanks.
I use it in a right aligned vertical menu and like to have some space between the icon and the text. I changed manually the menu_icons.css file from padding-right:16px; to padding-right:22px;. (the icons are 16px wide). But it is a burden to do this every time I change a menu or worse, when a customer does the change.
I can do this for all icons, but it would be nice if this could be a settings question.

Login or register to post comments

Comments

#1

Posted by Tino on December 22, 2010 at 5:34pm

Found it impossible to create a general solution with css, but managed to create some whitespace after the menu-icon with the ImageCache Actions module (http://drupal.org/project/imagecache_actions).

I added the following actions to the menu_icon ImageCache preset:

  • Add action "Scale And Crop" for desired icon size (E.g. 16x10)
  • Add action "Define Canvas"
    • Set background color, E.g. ffffff
    • Check "Resize canvas under image (possibly cropping)"
    • Set exact size (E.g. 21x10 for 5 px spacing) and set X left, Y center

Hope it helps!

#2

Posted by promes on December 27, 2010 at 9:31am

Thank you 10o for your answer. For my original site it is to big an overhead: I only use one icon in the menu.
I think this module will be a great help for a current project of mine. Your comment arrives just at the moment I am thinking how to implement some of the possibilities of ImageCache Actions provides.

nobody click here