How the Background Color of Images Can Be Changed

By carolyn On December 7, 2009 · Leave a Comment

Hi Carolyn;
Your tutorial is the simplest and easiest I’ve seen yet.

What I would like to do is change the entire background of all the images that appear on the page.

The theme base isn’t something I need changing so much but all the image backgrounds and logo are what I would like to change. Is that possible?

— Joni

Joni,

There are two ways that an image can have a background. The 1st is one that is created as part of the image in an image editing program such as Photoshop or Gimp. Here is an example of a logo with a color background created in the graphics/image editing program and is a part of the image:

If I want the background to appear to disappear, I must make the background of the graphic image the same color (or graphic) as the background on which it is placed. For example, since my background for this page is white, if I make the background of the image white, the image will appear to have no edges:

You can also modify your CSS so that an image has a background. For example:

Logo with background color different from the standard page background color

To do it for all images, you would change the CSS for your img entity, although I doubt that is what you actually want to do. You might want to change the img entity background for say everything in the #content division or a #gallery division, though.

I hope this helped answer your question. Please feel free to contact me if you need more help and thanks again for the kind words about my tutorial.