Icon manipulation

User Help for Mozilla Firefox
Post Reply
cxmacleod
Posts: 46
Joined: March 31st, 2011, 6:14 pm

Icon manipulation

Post by cxmacleod »

Is it possible (thru userchrome) to make icons that are not square?

Such as 16x50, or whatever?
morat
Posts: 6437
Joined: February 3rd, 2009, 6:29 pm

Re: Icon manipulation

Post by morat »

Here is how to stretch a button image to size 48x16 in place of the home button.

Code: Select all

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#home-button .toolbarbutton-icon {
  width: 48px !important;
  height: 16px !important;
  padding: 0 !important;
  list-style-image: url("button.png") !important;
  -moz-image-region: auto !important;
}
http://kb.mozillazine.org/UserChrome.css

You would need to download a button.png image to the chrome folder for the style to work correctly.

Example image
http://forum.mozilla-russia.org/uploade ... button.png
Post Reply