How to shorten the address bar using userchrome.css (firefox 45.0)
I would like to shorten the address bar so that more of the theme background picture is visible. I only use a small amount of toolbar icons and no search bar so the address bar extends almost the entire length of the window and blocks a fair bit of the theme pic. I read that it can be set to a particular size by coding for it in userchrome.css can you please show me exactly what I need to enter into the text document to make this happen? This is what I have seen on other posts and have tried to use:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
- urlbar-container {max-width:200px!important}
Any help would be appreciated. Thanks
Chosen solution
The chrome folder needs to be inside the currently active profile folder, which is a semi-randomly-named folder. You have it in the Profiles folder, so it's one level further down. If you have multiple profile folders, find the one with the most up-to-date contents.
Read this answer in context 👍 0All Replies (11)
userchrome.css ?? = invalid file name
userChrome.css = need the capital C
the file name is userChrome.ccs sorry I typed it wrong in my question
Did you make sure that the file doesn't have a hidden .txt file extension?
- Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
- Use a plain text editor like Notepad to create a (new) userChrome.css file in the chrome folder (file name is case sensitive)
- Paste the code in the userChrome.css file in the editor window
- Make sure that the userChrome.css file starts with the default @namespace line
- Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.
Otherwise Windows may add a hidden .txt file extension and you end up with a not working userChrome.css.txt file
I created the chrome folder in appdata/local/mozilla/firefox/profiles is this correct?
Yes I created the new userChrome file as you say
Yes it is saved as "all files" and there is no .txt extension
Here is a screenshot:
The userChrome.css file needs to be in the chrome folder and not in the main Firefox profile folder.
To see more of the lightweight theme you can consider to increase the height of the user interface area.
#navigator-toolbox { min-height: 200px!important; box-shadow: ThreeDShadow 0 -1px inset; }
The AppData\Local branch is just cache.
The chrome folder should under AppData\Roaming (way down in your currently active profile folder).
Like this?:
Thanks cor-el I will try that if I can't get this to work
Chosen Solution
The chrome folder needs to be inside the currently active profile folder, which is a semi-randomly-named folder. You have it in the Profiles folder, so it's one level further down. If you have multiple profile folders, find the one with the most up-to-date contents.
Yes!! it worked! Thanks cor-el for the help :) And thanks jscher2000 for being specific with your answer, it was necessary for a noob like me lol ;P
Note that I wrote this in my above reply
- Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist