
styling broken on all webpages
styling is suddenly broken on all webpages - things appear without background, etc - screnshot of Netflix site with firebug console illustrates better than words can, at http://bigsurtrailmap.net/TEMP/firefox_styling_problem.png. Don't know what might have caused this - was testing enabling/disabling "Classic Theme Restorer" AddOn around this time but cannot trace it precisely to that. In any case, have now disabled that and a number of other AddOns that I thought might be related. JS is working. This is for Firefox 53.0.2 on Ubuntu 14.04 box. Restarting box did not help. Am fairly experienced user, having stated back in days of Mozilla browser, but all my restore attempts have failed. Main problem right now is even knowing where to look! Things are so broken that I'm having to post this from a Chrome browser - trying using firefox, but it was impossible to logon.
Chosen solution
Further testing shows that indeed does solve the problem. One thing I don't understand, though, and which threw me off when thinking of where the problem might lie, is that in addition to colors being changed (as I'd expect from that checkbox), _images_ were not appearing. In particular, when looking at my own webpage, so I knew exactly what should be there and how it was produced, the banner image and some social-sharing icons were missing. I don't why that checkbox should have any effect on images!?
But in any case, many thanks for your help! My afternoon had been looking like a disaster, but it now has a happy ending.
Read this answer in context 👍 1All Replies (7)
Additional screenshot of Mozilla Support Page, which I could not use to login http://bigsurtrailmap.net/TEMP/Selection_028.png
Could you check whether you are allowing web pages to choose their own colors, or overriding them?
- Windows: "3-bar" menu button (or Tools menu) > Options
- Mac: "3-bar" menu button (or Firefox menu) > Preferences
- Linux: "3-bar" menu button (or Edit menu) > Preferences
In the left column, click Content. Then on the right side, find and click the Colors button.
There is a selector for "Override the colors specified by the page with your selections above:" which may default to "Only with High Contrast themes" (that's the default on Windows). Try changing this to Never and OK that change and see whether it helps.
Found checkbox "Allow pages to choose their own fonts, instead of your selections above" under "Advanced" - it was NOT checked. I selected it to see if that would make any difference, but it did not.
Update - found under "Colors" the one you were talking about "Override the colors specified by the page with your selections above:" - it was "Always", I changed to "Never" and now have apparently normal pages. Am posting this now so you don't try to respond to my last post, will now do some further testing and report.
Chosen Solution
Further testing shows that indeed does solve the problem. One thing I don't understand, though, and which threw me off when thinking of where the problem might lie, is that in addition to colors being changed (as I'd expect from that checkbox), _images_ were not appearing. In particular, when looking at my own webpage, so I knew exactly what should be there and how it was produced, the banner image and some social-sharing icons were missing. I don't why that checkbox should have any effect on images!?
But in any case, many thanks for your help! My afternoon had been looking like a disaster, but it now has a happy ending.
Only background images are affected by the color setting. Normal images are not effected and you should see the regardless of the color setting.
Well, see my above mentioned screenshot of the Mozilla Support home page - none of the the images supposed to be associated with each selection appear. And in my the many webpages I checked when trying to figure out what was wrong, the only images I saw were small icon images.
Modified