The space between elements in the Bookmarks bar
In Firefox by default there is a lot of space between elements in the main bookmarks bar. It looks like this (sorry if the image is to small, but you can click on it):I have the same bookmarks in Windows, but there I have more bookmarks visible... How is that? The problem is the default space between them. it is quite easy to solve with an add-on. This one would let us configure this space, among other things.
https://addons.mozilla.org/es/firefox/addon/roomy-bookmarks-toolbar/
It is Roomy bookmarks toolbar and you just have to open this link from Firefox and click on the "Add to Firefox" button.
Once installed, you can just go to "Tools/Add-ons" and then in Roomy click on "Preferences".
In the Tab of "Bookmarks Settings" you have the option of "Bookmarks Spacing". Try the different options till you find the one that fits you.
You may have notice that the labels of the bookmarks have disappeared. This can be easily undone f you go to "Labels Settings" and check the "Always show bookmarks labels". Again, set it as you like. Play a little with the options.
This is how it looks like now for me:
Before I had 13 bookmarks. Now, I have 16. Not a big difference, I could still make it smaller so more would fit, but it is just the perfect amount for me.
The folder Icon is missing in Bokmarks bar for sub folders
It may seem an stupid thing, but I don't know why it got me quite annoyed. I'm referring to this problem:
(Sorry for the quality. I really couldn't take a snapshot, so I had to make it with my phone :-/ )
If you look carefully you'll see those missing folders icons I mean... I want it to look like this:
(Quite better don't you think? :D )
To accomplish that you have to create a file named: userChrome.css
The content of the file should be this one:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");If you want, you can just download it from here: userChrome.css
menu.bookmark-item > .menu-iconic-left {
visibility: visible;
}
But... Where to put this file?
In this path: /home/[your_user]/.mozilla/firefox/[firefox_user]/chrome/userChrome.css I'll explain with more detail.
Well, you have to go to your home folder. There, you have to go to ".mozilla".
In Linux/Ubuntu the hidden folders start with ".". if you are in Ubuntu (13.10 in my case) you can make it appear by pressing "CRTL + H". You'll see lot of folders appearing.
Then you have to go "Firefox" folder. In there there will be a folder with an strange name. It vary on every user. My folder is like "0ixfh36p.default". Get in there.
Now, you have to look for the "chrome" folder. In my case it didn't exist so I had to create it. Now, you just have to put the file "userChrome.css" in there.
After doing that, you just have to restart Firefox to see it correctly displayed!
And that's all. Enjoy your Firefox now.