I reviewed the new features in Firefox 11 before it was released but they slipped in one additional ‘fix’ – and it’s been bugging the life out of me ever since.
Specifically, Firefox 11 displays top-level pictures at the center of the screen with a very dark grey background…
As an example, in Firefox 10 and earlier, if you right clicked an image and selected ‘view image’ the picture would be displayed on a white (default) background and was aligned to the top left of the screen – just like Chrome, IE and other browsers.
This also works fine for transparent images (that rely on a white background) such as this Christmas one:
However, Firefox 11 displays pictures at the center of the screen on a dark grey background. Apart from looking awful this can render transparent images almost invisible and is a huge step backwards for contrast-impaired people.
The picture below is exactly the same picture in Firefox 11 – both are actual screenshots!
Personally I hate this new style introduced in Firefox 11 and forums are swamped with unhappy users because there is no menu option to change the background color and the center alignment back to how they used to be.
How To Fix Images Displayed At Center Of Screen With Dark Grey Background
As there are no settings in the menu options or about:config (advanced configuration options) to change the background color and alignment, you must either mess about with CSS coding of individual style sheets or just use an add-on.
I like the easy and configurable option so prefer to use the aptly named ‘Old Default Image Style’ addon:
Old Default Image Style Add-on
This addon restores the default image style used for top-level images in all previous versions of Firefox – aligned to top left on a white background by default. It is available from Mozilla addons here and does not require a restart of Firefox.
As soon as the addon is installed, images are displayed exactly as they used to
There are also options for setting a custom background color and for re-centering the image, so if you prefer some combination of the above or a different background color, you can set that too:
To amend options, click on Tools \ Addons in the menu bar then select the Extensions tab. To the right of the Old Default Image Style addon select Options to amend the following:
- Automatic updates – Default (or On/Off)
- Remove default stylesheet – ticked by default. This restores the old background/positioning of images – unticking it brings back the FF11 centered/dark screen
- Custom background color – only set if required (the default is white)
- Center image – tick if you want images to be centered. This is useful if you want to combine old and new features e.g. center images but on a white background
The new Firefox 11 image style is flawed – it looks poor, does not match standard browser behavior and does not work for transparent images. It is also bad for accessibility as some users really need the ability to change the background color and the new style prevents this.
‘Old Default Image Style’ is an excellent addon that instantly returns Firefox image display back to how it was – and adds easy options to change it back again or just center images if you prefer.