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. Əgər kömək lazımdırsa lütfən yeni sual verin.

removing black separator above url bar

  • 4 cavab
  • 2 have this problem
  • 31 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 Question owner
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 Question owner
more options

Seçilmiş Həll

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