SubHeader Removal CSS Not Working in Latest Be|Theme Update

sbakersairo · September 2014

I have the following code running on a test site and a production version of the Be:Theme

body:not(.template-slider) #Header { background-image: none; background-color: #FFFFFF; min-height: 130px; }

In the Test Site - this removes the Blue/Space Sub Header Image, and replaces it with a simple colored background. (version 2.1 Theme)

On the production site, it does nothing but shrinks the subheader size. The no-image and background-color are removed. (version 4.2 Theme)

Any ideas? I would like to change the subheader image (which I tried to put in place within the theme settings, and it ignores that as well).

Albert · September 2014

Please send us url to page where this css is ignored and we`ll have a look on it.

bama1570 · September 2014

Hello,

We are facing same problem here.. http://www.myhealthpass.com/join-our-team/

in custom css we have added .single-post #Subheader { display: none; }
.blog #Subheader { display: none; }

But still it is not working..

Please check.

Thanks
Laxman

Albert · September 2014

@bama1570 AS we see subheader is hidden so above css works. But it looks like you did not turned ON "Header | Minimalist" option in Theme options > Layout > Header section.

sbakersairo · September 2014

Here is the url: http://www.sageaxcess.com/contact/

Albert · September 2014

@sbakersairo Please try use below css instead:

.subheader-transparent #Subheader { background-color: #FFF !important; }

but if this won`t help, then please use old css but with !important declaration, as below:

body:not(.template-slider) #Header { background-image: none !important; background-color: #FFFFFF !important; min-height: 130px !important; }

sbakersairo · September 2014

The first option simply left the blue/space sub-header image, and moved the subheader/breadcrumb line down.

The second option, with the !important declaration didn't change the result.

Albert · September 2014

Sorry but we are confused now. Please make a screenshot of how your website supposed to look like because we thought 1st should do what you need. But if not we must have a look on it.

sbakersairo · September 2014

This first link has a screen show with the following CSS in place:

.subheader-transparent #Subheader { background-color: #FFF !important; }

https://dl.dropboxusercontent.com/u/24014692/Screen 1.tiff

The second screen shot has the following CSS in place:

body:not(.template-slider) #Header { background-image: none !important; background-color: #FFFFFF !important; min-height: 130px !important; }

https://dl.dropboxusercontent.com/u/24014692/Screen 2.tiff

Basically I don't want the blue/space sub-header background, I want to have it be the same size, but with just a solid color.

Albert · September 2014

So if you want to change subheader background to white solid color, please use below css and this must help you:

#Subheader { background: #FFF !important; }

But of course leave all current css`s as well.

But also if you will turn ON "Header | Minimalist" option which is in Theme options > Layout > Header section for 1st screenshot https://dl.dropboxusercontent.com/u/24014692/Screen 1.tiff then you will get exactly the same result.

SubHeader Removal CSS Not Working in Latest Be|Theme Update

Comments