Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How do I make the buttons on the bookmarks toolbar smaller?

  • 2 odgovori
  • 7 ima ovaj problem
  • 1 view
  • Posljednji odgovor poslao Carpenterdon

more options

I'd like to have more space in the toolbar by removing the extra space around the icon thus making the button smaller. As it is now I have 3/16 of an inch of space between each icon, when I mouse over each there is a greyish button behind each icon using up valuable space. I've searched Google for this but was unsuccessful at finding anything related to this exact issue...

Is there a way to remove this wasted space and have just the icon itself as the button like it was in FF3? Is there an "About:config: entry that addresses this? An add-on maybe?

I'd like to have more space in the toolbar by removing the extra space around the icon thus making the button smaller. As it is now I have 3/16 of an inch of space between each icon, when I mouse over each there is a greyish button behind each icon using up valuable space. I've searched Google for this but was unsuccessful at finding anything related to this exact issue... Is there a way to remove this wasted space and have just the icon itself as the button like it was in FF3? Is there an "About:config: entry that addresses this? An add-on maybe?

All Replies (2)

more options

I don't know what CSS is used on a Mac to style that button.

You can try the below posted code in userChrome.css below the @namespace line.

You can use the ChromEdit Plus or Stylish extension to have easier access to the customization files.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#PlacesToolbarItems .toolbarbutton-icon { margin-left: 0px !important; margin-right: 2px !important; }

more options

I fixed the problem for myself by installing a nice theme(Walnut for Firefox 1.8.73)(wish it was Phoenity....).

Though on going back to the default theme the bit of Css code did not affect the buttons. Perhaps a different coding on the Mac platform is required to do what you were trying to do there. Hopefully it helps anyone on a Windows machine who does not like the wasted space. :)

Izmjenjeno od strane Carpenterdon