Jump to content

Logo Color in Portfolio Item

Recommended Posts

  • Replies 6
  • Views 359
  • Created
  • Last Reply

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>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.