Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Question

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

 

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

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>

 

Share this post


Link to post
  • 0
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?


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post
  • 0

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>

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...