Header Background Image for Single Portfolio Item

Rumant · August 2014

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 · August 2014

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.

Rumant · August 2014

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 · August 2014

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'); }

Rumant · August 2014

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 · August 2014

This is not working for me either

Rumant · August 2014

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

Albert · August 2014

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

@ivankan Use with !important as user above wrote.

ivankan · August 2014

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

Header Background Image for Single Portfolio Item

Comments