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

Go back to old image display

  • 4 replies
  • 24 have this problem
  • 1 view
  • Last reply by cor-el

more options

I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark!

Is there a way to use the old image display, with white background or changing the background color?

I just updated to Firefox 11 and the new image display is awful. When I go to an image URL (like this http://www.google.com.br/images/srpr/logo3w.png ) it's displayed with a dark background. It would be better if the background was soft grey... but it's too dark! Is there a way to use the old image display, with white background or changing the background color?

Chosen solution

You can install the Old Default Image Style add-on (you don't even have to restart Firefox to get it to work)

Read this answer in context 👍 3

All Replies (4)

more options

Chosen Solution

You can install the Old Default Image Style add-on (you don't even have to restart Firefox to get it to work)

more options

Thank you! But is there a way to get the old image display without extensions? With an about:aconfig tweak or with userchrome.css?

more options

There's no about:config change. You can do it with userchrome.css (I can't say how off the top of my head). However, all that extension does is overwrite the default image stylesheet and add options in about:config to let you specify a background color. So it should be pretty safe, really lightweight (and much easier to use)

more options

<strike>I don't think that you can use code in userContent.css to fix this</strike>.
<strike>There is no selector possible to set the background-color for the body if there is only an img (body > img:only-child) on that page.
Only a script would be able to accomplish that AFAIK.</strike>

It looks that I'm wrong about this.

Add this code to userContent.css in the chrome folder

@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?") {
html > body { background-color: #E8E8E8 !important; }
html > body > img:only-child { background-color:#fff !important; box-shadow: none !important; margin: 0 !important; }
}

  • resource://gre/res/TopLevelImageDocument.css

Modified by cor-el