Header Background Image for Single Portfolio Item

Rumant

I couldn't find an answer to this question searching the forum, and hopefully it's not something easy that I'm missing.

I can't figure out how to change the header background image (behind the menu) for a single portfolio item.  How is this done?

Thank you.

Albert

At this moment, we don`t have this option included into theme but you can do it using below custom css:

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

where xxx is portfolio page ID.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Rumant

Thank you.

Is there a variation of this code that will allow me to set the same header background image for all single portfolio items?

In other words, I'd like to have a certain header background image for single portfolio items, but I don't want to have to set it individually using the CSS above for each postid.

Thank you

Albert

Yes, it is possible. To setup the same background image for all single portfolio items, please use below custom css:

.single-portfolio #Header_wrapper { background-image: url('http://path-to-image'); }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Rumant

I'm unable to make either of these solutions work.  I've pasted the code into the custom CSS under BeTheme options and added the appropriate URL to the header background image. I've also used the correct portfolio ID.

Any suggestions?

Thanks!

ivankan

This is not working for me either

Rumant

Got it. Had to add "!important" declaration.

Albert

@Rumant We're glad to know it works with !important declaration.

@ivankan Use with !important as user above wrote.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ivankan

Thanks much! I was able to change the header image for the posts pages as well replacing "single-portfolio" with "single-post"