Removing Banner Image

Hi,

I'm trying to remove the banner image from a few of the pages on my website

I managed to do so using:

<style>
 .Intro.Intro--has-image{ display: none; }
</style>

My problem now is that it still seems to think that there is an image so my logo is rendered in white.

Anyone see a solution to this? 

Thanks!

Alec

Hi @alecmomont, try changing your code to this. It should both remove the banner and invert the logo.

<style>
 .Intro.Intro--has-image{ display: none; }
.Header-branding-logo {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
  }
</style>

That worked! thank you!

Hi Christy, or anyone else,

I might have done something wrong but ever since applying this to a new page this code has stopped working. I made this dummy page which has the above code embedded: http://www.alecmomont.com/test

Anyone see a solution?

Thanks

2 hours ago, alecmomont said:

Hi Christy, or anyone else,

I might have done something wrong but ever since applying this to a new page this code has stopped working. I made this dummy page which has the above code embedded: http://www.alecmomont.com/test

Anyone see a solution?

Thanks

where banner?

Hi Tuanphan, the banner is hidden because of the code, but as you can see my logo still shows up as being white.

Hi @alecmomont, 

Try using this instead since you are using your site title in text instead of an image.

<style>
  .has-site-title .Header-branding {
     color: #1a1f2d !important;
  }
</style>