Ask Ubuntu is a question and answer site for Ubuntu users and developers. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I installed Ubuntu 12.04 and upgraded my Firefox.

However I would like to increase the size of the "toolbar" & "urlbar" like on Windows.
(The new firefox has big and nice interface to use).

enter image description here

How ca I do the same on Ubuntu?

share|improve this question
You should install some themes from Firefox to get what you want or build your theme for firefox – giaosudau Oct 9 '13 at 4:38
up vote 2 down vote accepted

You can try to edit/create the userChrome.css inside of the chrome folder in your profile.

1) Close Firefox

2) Go to the firefox folder in you home. Open a Terminal and type:

  • cd ~/.mozilla/firefox/

3) find out the name of your profile folder.

eg: the default profile name is xxxxxxxx.default (where "x" are letters).
My case is dfafal1w.default

  • ls -l

The result:

drwx------ 5 virtual virtual 4096 Oct  4 17:33 dfafal1w.default

4) Go to your profile folder.

  • cd xxxxxxxx.default

where "x" are your profile letters.

5) find if your have a chrome folder and the userChrome.css file

  • ls -l chrome/userChrome.css

6) if you have the file.. edit it with:

  • gedit chrome/userChrome.css

Add the following lines to the end:

#urlbar {
min-height: 50px !important;

In this example I will set the minimum height of the urlbar to 50px. (Feel free to change it according to your needs)

7) if you do not have the file and the folder... create them.

  • mkdir chrome
  • cd chrome

8) Create the userChrome.css and set the minimum height urlbar (my case 50px).

cat > userChrome.css << EOF
#urlbar {
min-height: 50px !important;

9) Open Firefox to see the changes...


enter image description here


enter image description here

NOTE:If you want the search bar in the same height of the urlbar... just add the following to the userChrome.css file.

#searchbar, .searchbar-textbox {
min-height: 50px !important;

Hope this helps.

share|improve this answer
Extremely interesting. How do I see the list of supported fields that I can add in this .css file to customize firefox. Also there used to be chrome edit firefox addon but it isnt there anymore in the official anymore. – Developer Android Oct 14 '13 at 11:21
Glad to help. maybe these links could help you.In this article there is a list of Chrome element names and IDs .In this forum you can see css tweaks – Roman Raguet Oct 14 '13 at 13:16

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.