New header_bg.jpg for certain product pages

Hi, how would it be possible to show a different background image (header_bg.jpg) in the header of different product info pages?
For example on this page I want to keep the existing header:

http://www.usconverters.com/index.php?main_page=product_info&cPath=65&products_id=180

but on this page I want to show a different header image:

http://www.usconverters.com/index.php?main_page=product_info&cPath=66&products_id=216

:blink:

Probably the best way to do this is to create PAGE SPECIFIC stylesheet(s).

Inside the stylesheet folder is a readme file explaining how to set up page-specific stylesheets.

You would create an identical stylesheet to "stylesheet.css", then re-name it to suit the page, and simply edit the image reference to the background image of your choice.

To expand a bit on fairestcape's post;

you would create a new stylesheet named

p_216.css

in this new stylesheet you only need to include the following declaration. change the highlighted portion to show your new header image.

#logoWrapper{

background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:100px;
}

Thanks Clyde...

... of course, only necessary to change the single declaration as this will load AFTER stylesheet.css and overwite the initial declaration - everything else is inherited! :blush:

fairestcape:

Thanks Clyde...

... of course, only necessary to change the single declaration as this will load AFTER stylesheet.css and overwite the initial declaration - everything else is inherited! :blush:

Correct, anytime you use a per page stylesheet you only need to include those declarations that are necessary to change that page.