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

userChrome.css for the address bar stopped working

  • 11 iimpendulo
  • 1 inayo le ngxaki
  • 2 views
  • Impendulo yokugqibela ngu cor-el

more options

Hi

A very helpful user on this forum helped me get a good, long and wide list of suggestions, when you type something in the address bar of Firefox. This was done with userChrome.css. But now it doesn't really work anymore, as you would be able to see, if I could get uploading a screen shot to work...

PS: I think this forum worked a lot better about a year ago. 1. The background colors structured the contents. Making it a lot easier to read. 2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

Hi A very helpful user on this forum helped me get a good, long and wide list of suggestions, when you type something in the address bar of Firefox. This was done with userChrome.css. But now it doesn't really work anymore, as you would be able to see, if I could get uploading a screen shot to work... PS: I think this forum worked a lot better about a year ago. 1. The background colors structured the contents. Making it a lot easier to read. 2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

Isisombulu esikhethiweyo

For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet.

You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread:

  #PopupAutoCompleteRichResult {
    --item-padding-start: 0 !important;
    --item-padding-end: 0 !important;
  }
Funda le mpendulo kwimeko leyo 👍 1

All Replies (11)

more options

Did you make sure it matches the css that you got it from or did you change something in it?

more options

Hi Hero27, what is the code you were using before that stopped working? To paste code here in a way that's readable, please type

<pre>

before it and

</pre>

after it.

more options

Hero27 said

2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

You need to use quotation marks and + signs. For example:

"userchrome.css" + "address bar" -- 894 results

more options

This thread?

  • /questions/1207517 How to get longer, scrollable, list of visited URLs and bookmarks in Address Bar?
more options

cor-el said

This thread?
  • /questions/1207517 How to get longer, scrollable, list of visited URLs and bookmarks in Address Bar?

That was my original question, which led to the solution that has now stopped working...

more options

Thank you for the many answers - also from jscher2000 - who originally solved the original problem!

Now I tried again uploading the screen shot that shows how Firefox has destroyed the layout. This time it worked.

And here is the content of the userChrome.css that worked until recently:

Addition/edit: The block below is not very readable, so I have placed a copy of my userChrome.css here: http://www.transformation.dk/deling/userChrome.css

/* 
  Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
  You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
  Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here:
  https://addons.mozilla.org/firefox/addon/stylish/versions/
  Then find Stylish on the Add-ons page, click its More link, and turn off updates
*/
@-moz-document url(chrome://browser/content/browser.xul) {
  /* " - Visit" or " - Search with" bar NOT HIDDEN */

  /* Restore persistent display of drop-marker */
  #urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
    opacity: 1 !important;
  }
  /* Set max-height for items visible without scrolling */
  #PopupAutoCompleteRichResult .autocomplete-richlistbox {
    height: unset !important;
    max-height: calc(45.5px * 18) !important;
  }
  /* Set drop-down width */
  #PopupAutoCompleteRichResult {
    width: 900px !important;
    max-width: 900px !important;
    margin-left: 0 !important;
  }
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title-text, 
  #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url-text {
    min-width: 810px !important;
  }
  /* Create sufficient height for two lines */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) {
    position: relative !important;
    height: 45.5px !important;
  }
  /* Subtle border between results */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem {
    border-bottom-color: #eee !important;
  }
  /* Position page title, set font-size */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
    position: absolute !important;
    left: 54px;
    top: 0px;
    font-size: 20px !important;
  }
  /* Position page url / action, set font-size */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
    position: absolute !important;
    left: 54px;
    top: 22px;
    font-size: 18px !important;
  }

  /* Position bookmark tags */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-tags {
    position: absolute !important;
    right: 0px;
    top: 3px;
  }
  /* Hide separator between title and URL */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator {
    display: none !important;
  }
  /* Position special icon (bookmark, switch-to-tab) */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
    margin-left: 4px !important;
 }
  /* Prevent excess indenting of icons in Photon */
  #PopupAutoCompleteRichResult .autocomplete-richlistitem [anonid="type-icon-spacer"] {
    display: none !important;
  }
  #PopupAutoCompleteRichResult {
     --item-padding-start: 0 !important;
  }

  .autocomplete-richlistitem[selected=true] {
    background-color: Highlight !important;
  }
  .autocomplete-richlistitem[selected=true] .ac-title, 
  .ac-title[selected],
  .autocomplete-richlistitem[selected=true] .ac-url, 
  .ac-url[selected],
  .autocomplete-richlistitem[selected=true] .ac-action,
  .ac-action[selected],
  .autocomplete-richlistitem[selected=true] .ac-separator,
  .ac-separator[selected] {
    color: HighlightText !important;
  }
  /* Use default text matching style */
  /* Ability to scroll in Fx57 */
  #PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox {
    overflow-y: auto !important; 
    padding-right: 3px !important;
  }
  #PopupAutoCompleteRichResult .autocomplete-richlistbox {
    padding-right: 0 !important;
  }
}


/* From old1: */

/* Taller Folder List in Edit Bookmark */
#editBMPanel_folderTree {
  min-height: 400px !important; 
}

Ilungisiwe ngu Henrik R.

more options

jscher2000 said

Hero27 said
2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!

You need to use quotation marks and + signs. For example:

"userchrome.css" + "address bar" -- 894 results

But why isn't logical AND the default? That seems weird to me... :-)

more options

Isisombululo esiKhethiweyo

For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet.

You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread:

  #PopupAutoCompleteRichResult {
    --item-padding-start: 0 !important;
    --item-padding-end: 0 !important;
  }
more options

jscher2000 said

For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet. You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread: #PopupAutoCompleteRichResult { --item-padding-start: 0 !important; --item-padding-end: 0 !important; }

Hi jscher2000!

Yes, that extra line solves the problem!

more options

Hi Hero27, if this problem is resolved, could you come back and mark one of the posts as the Solution? This helps the Support team feel a sense of closure. :-)

https://support.mozilla.org/questions/1245032

more options