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 can I shrink the spacing between the icons in the bookmarks toolbar?

  • 8 respostas
  • 6 have this problem
  • 1 view
  • Last reply by arialzaffir

more options

Hello everyone!

I would like to open up some space in my bookmarks toolbar (also on the navigation toolbar if I can) by reducing the spacing between the icons. Is there any way to do this without the need of some third party program? If not, which one should I download?

Curious thing is that a few days ago I did not have this problem at all, all my bookmarks were visible in the toolbar regularly, neat and tight. Now there is that boring guillemet sitting there at the corner...

And this is the line where I thank you quite a bit for your interest towards my problem. So thank you very much:)

With respect Arial

Hello everyone! I would like to open up some space in my bookmarks toolbar (also on the navigation toolbar if I can) by reducing the spacing between the icons. Is there any way to do this without the need of some third party program? If not, which one should I download? Curious thing is that a few days ago I did not have this problem at all, all my bookmarks were visible in the toolbar regularly, neat and tight. Now there is that boring guillemet sitting there at the corner... And this is the line where I thank you quite a bit for your interest towards my problem. So thank you very much:) With respect Arial

Chosen solution

Are you using an extension to only show the icons or do you use code in userChrome.css ?

If it is an extension then it may be broken if it worked before.

Ler a resposta no contexto 👍 1

All Replies (8)

more options

Can you attach a screenshot to show your problem?

Use a compressed image type like PNG or JPG to save the screenshot.

more options

The >> is there because you have two many bookmarks in your toolbar too show. Press Ctrl+Shift+B to open the bookmark manger and move some bookmarks from your toolbar to the menu or another folder.

more options

There isn't a lot of wasted space between bookmarks, a few pixels on each side. One option would be to hide the site icons (favicons), which often are just an uninformative dotted outline. Another would be to create one or more folders on the bar for the less frequently used bookmarks so they don't crowd out the most useful stuff.

more options

@cor-el: See that around-3 pixel space between the icons? That is what I am talking about. There is way too much space there and until today that space was 1px. This morning I upgraded to FF15 and the spacing changed automatically. So did the spacing between the icons on the main toolbar. Although that is not an important issue I still like to have my browser be tighter :)

@Nathan2055: Although that is a practical solution the pages I have on my toolbar are the most frequently used ones so I still like to keep them in sight, just like they used to be yesterday XD

more options

Chosen Solution

Are you using an extension to only show the icons or do you use code in userChrome.css ?

If it is an extension then it may be broken if it worked before.

more options

No cor-el I don't use any extensions for that, I just delete the names of the bookmarks. Actually I reinstalled my os two days ago and reloaded my bookmarks via xmarks. Up until this morning the icons were fine but all of a sudden they spaced up, so to say:p Anyway, the add-on you suggested works like marvel so I am all set now. Sorry for not looking it up earlier, I wanted to find a way without downloading some extra add-on. Thank you very much cor-el and everybody else!

more options

You're welcome

You can also remove the text labels with code in userChrome.css and if necessary adjust the margins as you like.

Add code to the userChrome.css file below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


#personal-bookmarks .bookmark-item > .toolbarbutton-text {
 display:none !important;
}
#personal-bookmarks .bookmark-item > .toolbarbutton-icon {
 margin:0px !important;
 padding:0px !important;
}

more options

Thanks again, this one looks very interesting!