How do I invert the logo color for individual event pages?

Site URL: https://www.northshore.studio/events/building-a-product-culture-mindtheproduct

I've figured out how to invert the logo colour for individual blog posts, but can't find a way to invert the logo colour for individual event pages. Squarespace doesn't give me an option under advanced settings to add custom code for event posts, just for the whole event section. Is there another way to fix that?

Thank you!

On 8/6/2021 at 11:10 PM, mhs said:

Site URL: https://www.northshore.studio/events/building-a-product-culture-mindtheproduct

I've figured out how to invert the logo colour for individual blog posts, but can't find a way to invert the logo colour for individual event pages. Squarespace doesn't give me an option under advanced settings to add custom code for event posts, just for the whole event section. Is there another way to fix that?

Thank you!

 

 

Hi, Add this to Events Page Header

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

Explain:

• .header-title-logo img is logo class name
• body.view-item is individual events class name
• body.view-list is event list page class name

That works great. Thank you for your help tuanphan!!