Click here to register or to donate.Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

HOWTO: have one header image on one page, and another image on another page

HOWTO: have one header image on one page, and another image on another page

If you want one header on one page (or even per single post page) and a different one on another page, you can use this CSS trick to do it.

First visit the page where you want post number 1 and view the source code of the page. Now do a 'find' on '<body' and you will see something like this

HTML Code:

<body class="page page-id-7 page-template page-template-default">

for a single post page it would look like

HTML Code:

<body class="single single-post postid-1976 single-format-standard">

for a category it would look like

HTML Code:

<body class="archive tag tag-soups tag-55">

in all cases we are looking for something unique to use in the CSS Selector.

From the 'page' page you see page-id-7
From the 'post' page you see postid-1976
From the 'category' page you see tag-soups
(the items in red will vary on your site)

These are the unique items you will use in your CSS Selector. Now you just build the CSS Selector and CSS rules to use the image you want and place it in the CSS Inserts section of ATO>Add HTML/CSS Inserts.