Jump to content

Logo Color in Portfolio Item

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Header Color (site title, navigation, social icons) uses the color theme of the first section.

To change header logo to white color, you can change Logo image to Site Title text.

or add this code to Project Page Settings > Advanced > Header

<style>
  .header-title-logo img {
    filter: invert(1);
}
</style>

 

Edited by tuanphan

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
5 hours ago, tuanphan said:

To change header logo to white color, you can change Logo image to Site Title text.

But I want the logo to become white when the background is dark. The header text changes to white, but the logo doesn't. I don't want to change the logo back to site title.

I don't have premium, so I can't inject code.

Is there no other option?

Link to comment
14 hours ago, daanouthere said:

But I want the logo to become white when the background is dark. The header text changes to white, but the logo doesn't. I don't want to change the logo back to site title.

I don't have premium, so I can't inject code.

Is there no other option?

Add this to Home > Design > Custom CSS

body#item-5e863a252b23774bd981563b .header-title-logo img {
    filter: invert(1);
}

 

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

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.