# Invert Logo to White on Scroll

**URL:** <https://community.elfsight.com/t/invert-logo-to-white-on-scroll/62534>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [July 23, 2024, 8:26am UTC](https://community.elfsight.com/t/invert-logo-to-white-on-scroll/62534 "2024-07-23T08:26:54Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [July 23, 2024, 8:26am UTC](https://community.elfsight.com/t/invert-logo-to-white-on-scroll/62534/1 "2024-07-23T08:26:54Z")

</div>

To invert Logo to White on Scroll on Squarespace, you can use this code to Custom CSS box

```auto
header#header.shrink img {
  filter: brightness(0) invert(1);
}

```

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/a/1a174694e086ec9f1736a47e3ed1af5bc9c348ee.png)

Result  
(before)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/a/5a64672d5078d67c3a0e92aaa4d9f844c5e22424.png)

(after)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/8/78f6369aa1236210d44588f5c9113b41203008dd.png)