Invert Logo On Any Page

Description

Invert the logo on any index or single page. This plugin uses code injection and works with Squarespace 7.0 (Brine template family).


How To Install

Go into the settings of any specific page or index and locate Header Code Injection. Copy and paste the below code in the Page Header Code Injection box.

<style>.Header-branding-logo {
 -webkit-filter: invert(100%) !important;
 filter: invert(100%) !important;
 }</style>

Customize

Depending on your logo, you may need to change the invert property from 100% to 0%. Plain black and white logos work best.


Previous
Previous

Display Tagline On Mobile

Next
Next

Image Overlay On Text