This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

I need to shorten the URL bar for customization reasons

more options

I just want to shorten the URL (address) bar for customization reasons and to assist me in building the persona that I am working on, but I haven't been able to find a way to do it in the about:config or even the userchrome.css file, so I was hoping that the experts could help me out on this one!

This happened

Every time Firefox opened

== It's always been there, just want to change it now.

I just want to shorten the URL (address) bar for customization reasons and to assist me in building the persona that I am working on, but I haven't been able to find a way to do it in the about:config or even the userchrome.css file, so I was hoping that the experts could help me out on this one! == This happened == Every time Firefox opened == It's always been there, just want to change it now.

All Replies (12)

more options

Keep dragging "Space" icons next to the URL bar from the View -> Toolbars -> "Customize" dialog until the URL bar is short enough.

more options

What Anonymous said is a solution, but sort of rudimentary... You simply click over the right-most side of the URL bar, and drag it towards the left.

more options

Thank you for your suggestions, I couldn't get the dragging the bar to the left to work, so I went with the spacer solution, at least it lets me see the cool FireFox logo that is part of the persona that I have chosen, but I really wish that there were an easier way either through about:config, or userchrome.css to make the address bar whatever size you want it. Thank you both again for your assistance and at least I got it to work for now until I find a way to rewrite the top section of the browser myself (wish me luck ;) I will try to attach a screenshot so that y'all know what look I was going for.

more options

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

See http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#urlbar-container {max-width:400px!important}
#search-container {max-width:200px!important}

Modified by cor-el

more options

@cor-el,

That was exactly what I was looking for, now I haven't had the time to try it yet, but it looks like what I was wanting to do and looks like it should work, so thank you very much. I definitely wanted to do it through the UserChrome.CSS since I believe that is the "cleanest" way to do it. Thank you again for your time and attention.

more options

Okay,

I have written and adjusted the userChrome.css and saved it to the chrome folder in both profile folders that I have found, one within the Program Files folder and then again under users-->AppData, and have not had any luck with Firefox taking on any of the changes, and I have made a few based off of an example that I found online, including getting rid of the Edit menu and the Help menu (since I use keyboard shortcuts for everything within those particular menus), so does anyone have any ideas or other suggestions?

Earl Sharp (akakingess)

more options

The Firefox profile folder is not in Program Files, that is a template folder for new profiles.

Help > Troubleshooting Information > Profile Directory > Open Containing folder See also Use the Troubleshooting Information page to help fix Firefox issues


http://kb.mozillazine.org/Profile_folder_-_Firefox

more options

I had already found the correct profile folder in the "AppData" folder which is where it is stored within Windows 7, but even after creating the "chrome" folder and putting the newly created userChrome.css file in it, it still didn't take. I ended up having to install the Chromedit Plus extension and entering the proper css stylings within that extension and it finally took. It still is frustrating that I had to use an extension/add-on for something that I should have been able to do manually, but at least I got the look that I was looking for. Now, if you could tell me the css code to make the actual browser/page window slightly smaller, that would be great!  ;)

more options

Did you make sure that the editor that you used didn't add a hidden .txt file extension while saving (type in Properties is CSS and not Text)? Also make sure that you use a plain text editor like Notepad.

See http://kb.mozillazine.org/Editing_configuration/Troubleshooting http://kb.mozillazine.org/Editing_configuration#How_to_edit_configuration_files

more options

Yes, I do web design regularly and I am very used to writing css files. Now, I do prefer to use Notepad++ on Windows, and HTML-Kit on Linux, but I do check the file extensions, etc. just to make sure, so I am almost 100% definite that the problem lies somewhere else. However, I am okay with the current workaround if only I could find out how to resize the web page window display through the userContent.css file, which I could still use Chromedit Plus to alter. I do appreciate the time and attention that you have put into this problem, but I am beginning to think that it is just a fluke and I am going to check the bug reports for FF 3.6.6 to see if anything shows up there.

more options

I asked because if ChromEdit is working then that is almost the only thing that can go wrong if code in userChrome.css isn't working. Now that you have a working file , you can check out the chrome folder in your Firefox Profile Folder to see what has gone wrong.

more options

Well, from the looks of it, the files look just the same as when I did them from scratch, except I have copied/pasted in the URL Bar resize and getting rid of the Edit and Help Menus. I guess I just am going to have to do all of my editing from within Chromedit. Also, I was thinking maybe the examples that I used from off of the 'net may have had the @namespace line wrong, which I know is critical in making these css files work for Firefox. But oh well, live and learn (although I'm not sure what I learned here), and I really do appreciate you sticking with me on this, thanks for the time and attention.