Changing Blog Page Header

[shawngoesgreen 0]

I would like to change the header on my blog page to something different than all the other pages. This same header would be there for all the posts. I would be fine with a header that just stays at the top of the content area and the header turned off or I can replace the header with a new image. Any thoughts how to do this? http://www.marketcloud.us/blog Shawn

[kastelic 6]

I'm assuming you're talking about the header image. Here is a CSS solution to that: Look in the body tag for the page you want to change it on and find the class specific to that page, whether it be a specific page( like page-id-123) or a type of page ( like blog, archive, category etc. ) . This is the class you need to prepend each of your css rules with. Once you find it put this in your Custom Code -> Custom CSS : [code] .page-id-123 .mainlogo-img { display:none } .page-id-123 .mainlogo-link { display:block; width:300px; height:150px; background: url(YOUR-IMAGE-URL) no-repeat; } [/code] And for multiple pages seperate the selectors with a comma: [code] .page-id-123 .mainlogo-img , .page-id-456 .mainlogo-img , .blog .mainlogo-img { display:none } .page-id-123 .mainlogo-link , .page-id-456 .mainlogo-link , .blog .mainlogo-link { display:block; width:300px; height:150px; background: url(YOUR-IMAGE-URL) no-repeat; } [/code] Make sure you find the actual dimensions of your alternate logo image for the width and height properties. The YOUR-IMAGE-URL part is the absolute url of your image, uploaded through the media uploader.

[shawngoesgreen 0]

Thanks Kastelic, worked like a charm!

[indieconnie 0]

This worked for me. I copied the code exactly, switched out my page ids and the URL, saved and refreshed the page. I had both images showing up. I could see the border of one under the other. I added #branding between the page-id and mainlogo-image and it worked. I have no idea why... :) but it works!