![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
removing black separator above url bar
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
الحل المُختار
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 👍 0All Replies (4)
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.
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.
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; }
الحل المُختار
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