Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

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

Cannot find Border property

  • 5 replies
  • 1 has this problem
  • 6 views
  • Paskiausią atsakymą parašė ErraticFox

more options

Hello, I'm making a FF theme with DOMi and there's a border that I can't seem to get rid of or find where it's coming from. It's the very thin border between the actual webpage and the navbar in FireFox. As you can see in the screenshot below, the very bottom border of where the webpage and FF connect. I cannot find where that is coming from. I've search for it for over an hour. I know it's coming from within the toolbar I think. I've even done (for testing) stuff like

    #main-window * {
         border: none !important;
    }


and even then that didn't rid of it. I've also tried padding, margin, background-color, etc.

Where is this line coming from?

Hello, I'm making a FF theme with DOMi and there's a border that I can't seem to get rid of or find where it's coming from. It's the very thin border between the actual webpage and the navbar in FireFox. As you can see in the screenshot below, the very bottom border of where the webpage and FF connect. I cannot find where that is coming from. I've search for it for over an hour. I know it's coming from within the toolbar I think. I've even done (for testing) stuff like #main-window * { border: none !important; } and even then that didn't rid of it. I've also tried padding, margin, background-color, etc. Where is this line coming from?
Pridėtos ekrano nuotraukos

Modified by ErraticFox

Chosen solution

A larger screenshot I think would take away from the subject. It's the little grey border at the bottom and that is the default FF theme in the picture. I've gave #navigator-toolbox a border of 0 with !important before and that didn't work.


EDIT: Found it by looking at another theme and searching through their #navigator-toolbox properties. The way to get rid of this is:

    #navigator-toolbox::after { 
      height: 0px;
    }
Skaityti atsakymą kartu su kontekstu 👍 0

All Replies (5)

more options

I can't figure it out, either. It could be one of the -moz attributes or properties.

more options

It is probably the border of the #navigator-toolbox. Sometimes you can remove (hide) such a border with a negative margin. It can also be a box-shadow.

The screenshot is a bit msall and doesn't show much, so I'm not sure what your current toolbar setup is and what toolbars you show and in what order.

Maybe you can provide a larger screenshot.

Modified by cor-el

more options

Chosen Solution

A larger screenshot I think would take away from the subject. It's the little grey border at the bottom and that is the default FF theme in the picture. I've gave #navigator-toolbox a border of 0 with !important before and that didn't work.


EDIT: Found it by looking at another theme and searching through their #navigator-toolbox properties. The way to get rid of this is:

    #navigator-toolbox::after { 
      height: 0px;
    }

Modified by ErraticFox

more options

See:

  • chrome://browser/skin/browser.css
#navigator-toolbox::after {
  content: "";
  display: -moz-box;
  -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
  height: 1px;
  background-color: ThreeDShadow;
}
more options

Accidentally hit not helpful (on my phone) and it won't let me switch it... Though I was questioning why this is even a thing? That property, I mean.