Change Header Image for Each Page (2 posts)

  1. jewelsbytrish
    Posted 2 years ago #

    Currently, my pages all show the header logo. I would like to change the header image on certain pages. My site is currently under development & I'm a newbie so all this code mess drives me insane! Can anyone tell me how to do this? I am using MayaShop theme if that helps.

    Thanks in advance!

  2. RossMitchell
    Posted 2 years ago #

    Suggest that you install firebug, it lets you view your HTML and CSS in action.

    It would be helpful if you posted a website link, we can't know all the themes. As a result this advice is by necessity quite general.

    Two methods:
    1) Each of these pages will have a specific "page-n" class in the body element. Read it off, then in your css to customise say page 5, you would have:

    body .banner {
    background image for default
    body.page-5 .banner {
    background image for PAGE 5
    and so on

    2) Provide each of your special pages with a custom template, copy it from your theme's page.php template. Somehow pass into the code which creates your page banner the name of the image it is to show.

Topic Closed

This topic has been closed to new replies.

About this Topic