Icon manipulation

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

Post Posted September 11th, 2018, 5:19 am

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

Such as 16x50, or whatever?

Posts: 3336
Joined: February 3rd, 2009, 6:29 pm

Post Posted September 15th, 2018, 6:01 am

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("");

#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;

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

Example image ... button.png

Return to Firefox Support

Who is online

Users browsing this forum: No registered users and 7 guests