I need to shorten the URL bar for customization reasons
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)
Keep dragging "Space" icons next to the URL bar from the View -> Toolbars -> "Customize" dialog until the URL bar is short enough.
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.
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.
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
@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.
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)
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
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! ;)
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
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.
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.
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.