![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How do I get rid of the star in url bar? I cannot find userchrome.css.
Userchrome edit plus also does not work. THe add-on installs correctly but when I click on Open chrome folder, nothing happens.
All Replies (11)
Hello bdy0003, you must create userChrome.css in profile folder inside chrome folder, it is not exist by default, see how to do that :
thank you
Modified
Thank you for the reply. This did not work then and it does not work now.
Can you post the path to the folder where you placed the userChrome.css file?
Check the file type in the properties to make sure that the file doesn't have a hidden .txt file extension.
The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
You can use this button to go to the Firefox profile folder:
- Help > Troubleshooting Information > Profile Directory: Show Folder
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #star-button { display:none !important; }
Thanks for replying.
So I went to the profile folder you were talking about. It took me to s3mxviii.default and not chrome. Maybe the extension is tripping me up because I can open a new notepad and type in userChrome.css, but it shows up as userChrome.css.txt. I'm not sure if this is right.
You need to create the chrome folder yourself in the s3mxviii.default folder, the chrome folder doesn't exist by default.
Notepad adds a hidden .txt file extension if you save the file as a text file and haven't selected "All files" and you end up with a not working userChrome.css.txt file.
Windows usually doesn't make it easy to remove such a hidden file extension, so you may need to unhide it or try to use quotes ("userChrome.css") around the name while renaming.
So I unhid all the stuff that was invisible. I clicked on all "All files" and clicked save. This did not do anything. I understand what you're getting at. Instead of a txt extension, I want to change this to a css extension, which this is not letting me. Its still coming up css.txt.
Edit: So I changed this to a css file. I copied and pasted what you wrote (also what are on other forums, but the star is still there.
Modified
Did you add the @namespace line at the top of the userChrome.css file?
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
If it still doesn't work then please post the content of the userChrome.css file.
This is what I put in the doc:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #star-button { display:none !important; }
Modified
Yes, that is the correct code.
You did create a chrome folder and placed the userChrome.css file in it?
The userChrome.css name is case sensitive.
Are you using the default theme (Tools > Add-ons > Appearance) because a custom theme may require other code?
Does other code like this work?
#urlbar *, #FindToolbar *, #search-container * { font-size:12pt!important; }
Modified
Ahhh...that was the part that was missing. In my profiles folder, I had that s3mxviii.default folder and chrome folder, so I got really confused. It works now, thanks! Just as a side note, I'm sure there are many more customizations I can do here. Do you have a link of what others have done?
Just as a summary: 1. Show hidden files: http://kb.mozillazine.org/Show_hidden_files_and_folders 2. In the same Folder options, unclick "Hide extensions for known file types. 3. Help > Troubleshooting Information > Profile Directory: Show Folder 4. Create a folder called "chrome". 5. In "chrome", create userChrome.css using txt. Make sure the extension is changed from txt to css. 6. Copy and paste:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
<pound sign>star-button { display:none !important; }
Note: I couldn't get the '#' to show up so I just put <pound sign>.
Modified
You can start a line with a space character to make the # appear (a line that starts with a # is numbered list item).
#star-button { display:none !important; }
Maybe familiarize yourself with the DOM Inspector to make it easier to create your own rules.
The DOM Inspector (DOMi) has a menu item (Edit > Select Element By Click) and a toolbar button "Find a node to inspect by clicking on it" (left icon on the toolbar in the DOMi).
- open the browser window in the DOMi (File > Inspect Chrome Document) and choose the first from the list.
- click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
- click that element with the mouse and keep the button pressed until you see a red border to indicate the the DOMi has located that element in the DOM tree.
- https://developer.mozilla.org/En/DOM_Inspector
- https://developer.mozilla.org/en/Introduction_to_DOM_Inspector
- DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
- Popup Inspector: https://addons.mozilla.org/firefox/addon/popupinspector/