Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

drop down menu too wide accross screen. There was a fix for this, but the latest update deleted my fix in Stylish and I can't find it!

more options

I remember finding the fix for this 2 updates ago, but when I went to look in my Stylish manager, the update had deleted it. I hate that the drop down menu splashes across the entire width of the screen. Tthe original was right below the address bar and only as wide as the address bar. Thanks!

I remember finding the fix for this 2 updates ago, but when I went to look in my Stylish manager, the update had deleted it. I hate that the drop down menu splashes across the entire width of the screen. Tthe original was right below the address bar and only as wide as the address bar. Thanks!

All Replies (6)

more options
more options

rosem said

I remember finding the fix for this 2 updates ago, but when I went to look in my Stylish manager, the update had deleted it.

Do you mean you no longer have the Stylish extension installed, or Stylish is installed, but on the Add-ons page, you no longer have the style you need in the User Styles section?

Did you lose any other extensions or settings? Just wondering if Firefox might have performed a "Refresh." The tell-tale sign is an Old Firefox Data folder on your desktop with a recently updated, semi-randomly-named folder inside. If you see that, hang onto it for a while in case you need to recover any old files from it.


As you may know, Firefox 57 is changing the rules for extensions and Stylish will no longer run. So to modify the user interface in Firefox 57+ you'll need to create a userChrome.css file. No rush, but we can assist you with that when the time comes.

If you don't remember to back up your Stylish data before then, you can pull out a list of your styles using this tool on my website:

https://www.jeffersonscher.com/res/stylishextract.html

Contains a large script file; not for low bandwidth users!

more options

Cor-el...That's it, style 4. How do I now code that and where do I put the code? I'm sort of a newbie with this stuff.

more options

jscher 2000 Do you mean you no longer have the Stylish extension installed, or Stylish is installed, but on the Add-ons page, you no longer have the style you need in the User Styles section?

I have the Stylish extension, but the Style is gone.

Did you lose any other extensions or settings? Just wondering if Firefox might have performed a "Refresh." The tell-tale sign is an Old Firefox Data folder on your desktop with a recently updated, semi-randomly-named folder inside. If you see that, hang onto it for a while in case you need to recover any old files from it.

I did not lose any other extension nor did I find that folder on my desktop. However, i can no longer access a url that uses silverlight. which is a bummer.

As far as Firefox 57...oh boy, I'll need some help with that. I'm assuming the ccs file had nothing to do with the chrome os. Please don't laugh...I loath chrome, but my search did turn up some code that might work with that. I just have no idea where I might place it so that it will work.

Gewysig op deur rosem

more options

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

  • 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
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  • 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

Note that userChrome.css is used to modify the user interface and userContent.css for CSS code to modify the appearance of websites.

more options

rosem said

Cor-el...That's it, style 4. How do I now code that and where do I put the code? I'm sort of a newbie with this stuff.

Style 4 is for Firefox 43-47. For Firefox 56 choose one of the other styles. Style 2 is the closest.

If you plan to paste into userChrome.css instead of installing with Stylish, you can use page to build the rule:

https://www.jeffersonscher.com/gm/url-bar-tweaks.html