Jump to content

Removing Banner Image

Recommended Posts

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

 

Link to comment

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>

 

Link to comment
  • 5 weeks later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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>

 

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.