We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

ابحث في الدعم

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 - difference between URL bar in Verified/Normal modes?

more options

Just to make it clear at the start, I'm using the Pale Moon optimised build rather than normal Firefox - however, I don't think that actually makes any difference to this question.

As I never use the history dropdown button, the Bookmark button or the Go button in the address bar, I added three lines into userChrome.css to hide them:

  1. star-button { display: none !important; }
  2. urlbar .autocomplete-history-dropmarker { display: none !important; }
  3. go-button-stack { display: none !important; }

This works fine and hides all three buttons. However, if the website you're on is Verified (i.e. you get the nice shiny colourful 'Verified by: XXXXXX' details on the left of the URL bar, there ends up being a little gap at the right-hand side of the URL bar that's not present when the website is NOT verified.

It implies to me that the Verified bit is a kind of optional sub-component of the main URL bar which leaves space at the end for any buttons, including a default gap between buttons, so when you hide those buttons all that's left is the default gap.

Is there anything I can do to stop this gap appearing when I remove these buttons?

Just to make it clear at the start, I'm using the Pale Moon optimised build rather than normal Firefox - however, I don't think that actually makes any difference to this question. As I never use the history dropdown button, the Bookmark button or the Go button in the address bar, I added three lines into userChrome.css to hide them: #star-button { display: none !important; } #urlbar .autocomplete-history-dropmarker { display: none !important; } #go-button-stack { display: none !important; } This works fine and hides all three buttons. However, if the website you're on is Verified (i.e. you get the nice shiny colourful 'Verified by: XXXXXX' details on the left of the URL bar, there ends up being a little gap at the right-hand side of the URL bar that's not present when the website is NOT verified. It implies to me that the Verified bit is a kind of optional sub-component of the main URL bar which leaves space at the end for any buttons, including a default gap between buttons, so when you hide those buttons all that's left is the default gap. Is there anything I can do to stop this gap appearing when I remove these buttons?

All Replies (1)

more options

Screenshot attached to illustrate my poorly-worded question