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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

removing black separator above url bar

  • 4 majibu
  • 2 wana tatizo hili
  • 4 views
  • Last reply by aaaa_7

aaaa_7
aaaa_7
more options

I am trying to make FF29 look like FF28, so far I had downloaded Classic Theme Restorer and Stylish, in CTR I clicked "remove tab toolbars background fog" and in Stylish I had input this code: 

#nav-bar{
   background: transparent !important;

}

after the URL bar changed its color, a black line appeared above it.. http://i.imgur.com/nKqltac.png

and these are my CTR settings... (everything else is unchanged) http://i.imgur.com/jtDij0x.png

I tried going to customization to see if it can be removed, but I couldn't remove it.

I am trying to make FF29 look like FF28, so far I had downloaded Classic Theme Restorer and Stylish, in CTR I clicked "remove tab toolbars background fog" and in Stylish I had input this code: #nav-bar{ background: transparent !important; } after the URL bar changed its color, a black line appeared above it.. http://i.imgur.com/nKqltac.png and these are my CTR settings... (everything else is unchanged) http://i.imgur.com/jtDij0x.png I tried going to customization to see if it can be removed, but I couldn't remove it.

Modified by aaaa_7

Chosen solution

I used this one which seemed to work in another thread

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Clear background and border/shadow from Navigation Toolbar */ 

#nav-bar {
   background-color:transparent !important;
   background-image:none !important;
   border-color:transparent !important;
   box-shadow:none !important;

}

but the line was still there.

________________________________

after some fiddling around, I learned that the issue was caused by CTR in Tabs: "Squared tabs (classic) (v2)", when i changed it to "Squared tabs (classic)" the line was removed.

thanks for your reply.

Read this answer in context 👍 0

All Replies (4)

FredMcD
FredMcD
more options

I do not see a black line. I do see a box going around the tool bars. Is that what you are talking about?

Access the options for Classic Theme Restorer and click the colors tab.

aaaa_7
aaaa_7 Mwenye swali
more options

yes the box, but in full screen it's just a black line...

http://i.imgur.com/dsjEDsU.png

and the custom colors only change the tab colors, not the URL bar.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try the box-shadow:none!important rule in userChrome.css 

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#navigator-toolbox toolbar { box-shadow:none!important; }
aaaa_7
aaaa_7 Mwenye swali
more options

Suluhisho teule

I used this one which seemed to work in another thread

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Clear background and border/shadow from Navigation Toolbar */ 

#nav-bar {
   background-color:transparent !important;
   background-image:none !important;
   border-color:transparent !important;
   box-shadow:none !important;

}

but the line was still there.

________________________________

after some fiddling around, I learned that the issue was caused by CTR in Tabs: "Squared tabs (classic) (v2)", when i changed it to "Squared tabs (classic)" the line was removed.

thanks for your reply.

Modified by aaaa_7