[SOLVED] different center area background image for different pages
 

I have been trying to figure out how to have different background images on different pages within the same site. I was able to get different headers to work using the ATO Add HTML/CSS Inserts and adding "body.page-id-2 div#imagecontainer {background-image:url(http://sophia.smith.edu/blog/frankte...is_banner3.jpg) !important;}" to the CSS Inserts section.

Is there a similar solution for center area background images?

The site that I am working on is http://sophia.smith.edu/blog/franktest3/

Frank

sure, instead of using 'div#imagecontainer' try 'div#middle'

I tried it, but without success.

This is how I wrote it.

body.page-id-2 div#middle {background-image:url(http://sophia.smith.edu/blog/frankte...0/paris_bg.png) !important;}

I tested to make sure that the image was being found by pasting the url into the line for the banner and it worked, but for some reason it isn't finding the div#middle.

Frank

How do you get to that page, I see no menu's

sorry, it should be 'td#middle' not 'div#middle'

COOL, that works perfectly.

Frank