Header Image

blueturnaround · June 2015

How do I remove the header image section (agency theme): https://www.flickr.com/photos/43326914@N06/17766873274/in/dateposted-public/

I WANT the header image for every page, EXCEPT the contact page. How do I remove that ugly black block where the header image is supposed to be?

I looked everywhere, there is no answer to removing it.

Albert · June 2015

Hi,

what is the url to page where you want to remove this header background section?

blueturnaround · June 2015

http://diversifiedhrm.net/contact/

Albert · June 2015

Ok. So to remove this block from contact page only, please use below css:

body.page-id-36:not(.template-slider) #Header { min-height: 0 !important; }

blueturnaround · June 2015

Super, thank you! We are almost done.

Albert · June 2015

You're welcome

blueturnaround · June 2015

Need to do the same thing for 7 other pages... however I tried but it didn't work:

For this page: http://diversifiedhrm.net/instructions/users/

I tried this custom css: body.post=185:not(.template-slider) #Header { min-height: 0 !important; }

It didn't work. How do I remove the header image section for that post?

Albert · June 2015

body.post=?????? Where did you get this code? Because you did not get it from us for sure.

blueturnaround · June 2015

https://www.flickr.com/photos/43326914@N06/19152445071/in/dateposted-public/

in nav bar, highlighted in red

I tried to figure it out on my own... Since you have "page-id-36", I thought I could just replace that portion.

Albert · June 2015

No, it does not work like that. If you want to create css yourself, please take a look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we explained how to get proper css code.

blueturnaround · June 2015

Ok, can you help me then? I was just trying to do it myself before putting another request here, and therefore saving time for muffingroup. This should actually be a feature of the theme... "show or not show header image".

How do I have this page: http://diversifiedhrm.net/instructions/users/

NOT show the header image section?

Albert · June 2015

You can do this with below css:

body.postid-185:not(.template-slider) #Header { min-height: 0 !important; }

where 185 is page id. We'll consider this option while future updates.

Thanks!

blueturnaround · June 2015

Thank you!

Albert · June 2015

You're welcome

Header Image

Comments