Invert Logo On Any Page

Look Demo

Easily invert the logo on any index or single page. This plugin uses code injection and works with the 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;


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


No notes.