Individual Header Image

eruditos · August 2014

Hi, thanks for the incredible template.

One question, how can I change the Header Image for each Page? I mean, It is possible to use different header images for pages? I tried to change layout but this option doesn't exists.

Many thanks for support.

Juan.

Albert · August 2014

Hi Juan,

yes, it is possible of course as you can see on our demo website. For that please use "Featured image" option which is available on right side while you create/edit page.

eruditos · August 2014

Great!! But changes seem not to take effect into the front end... I add a featured image but page doesn't show it as header image. It should have any required size??

Kind Regards,

Juan.

Soweic · August 2014

I have the same problem. I already set feature image in Portfolio page, but the blue background space is still there.

Albert · August 2014

@eruditos Are you sure you have no cache? If you are sure about that, then please send us access to your dashboard on pm with explanation where you used this featured image and you still see the default blue one.

@Soweic As we see on your website, ex: http://soweic.com/contact-us/ you have own header image so we don`t understand what is the problem.

Soweic · August 2014

Yes, I got it working now by setting feature image for that page. But still, individual portfolio item page and single post page are still showing the blue bg as they don't inherit at all and though set in theme option.

Thx you.

Albert · August 2014

@Soweic Because for portfolio pages and single post pages it is not possible to do it from wordpress options. But this was already described on this forum so please take a look on http://forum.muffingroup.com/betheme/discussion/38/how-to-remove-standard-header-image

Soweic · August 2014

Thank you for reply.

That post used this code:
body.minimalist-header:not(.template-slider) #Header { min-height: 0 !important; }

which for me I don't want to remove, but just to change the blue bg which is able to be done with page.
In theme option there is this: https://www.diigo.com/item/image/6wmx/v8nt

but it doesn't work to portfolio item http://soweic.com/portfolio-item/oxford-university-press/

and single post: http://soweic.com/understanding-monitor-printers-profiles/

Albert · August 2014

This won`t work for portfolio or post items. For them, you need to use right css. Please send us 2 or 3 links as examples to your pages for which background won`t be changed and we`ll show you how this can be done.

Soweic · August 2014

For portfolio: http://soweic.com/portfolio-item/truc-de-fou-flyer/

For post: http://soweic.com/design-your-own-wedding-invitation/

All single items doesn't change the header 'blue bg' though I set it by uploading the new bg in theme option.

Albert · August 2014

So, if you want to have the same header image for all posts and all portfolio, then you must use below css's:

.single-portfolio #Subheader { background: url('http://path-to-image') !important; }
.single-post #Subheader { background: url('http://path-to-image') !important; }

But if you want to setup individually header images for portfolio and posts items, you need to know page ID and then you can use something similar to below css:

.postid-xxx #Subheader { background: url('http://path-to-image') !important; }

where xxx is page ID.

Soweic · August 2014

Great! Yes, I am going to use the same header for all single items.

Thank you.

eruditos, I am sorry to hijack your thread.

eruditos · August 2014

Don't worry Soweic, I have solved the issue, simply deleting the global header image that was overwriting the featured image of each page.

Many thanks for support.

Regards.

Albert · August 2014

@eruditos This was solved with latest update and this global header image is not longer available. Sorry for this mistake and thanks also for your explanation

Individual Header Image

Comments