Okay
  Public Ticket #3846897
How can I make the logo have a blending mode
Closed

Comments

  • mattpageproducer started the conversation

    At the minute the logo is okay as it scroll but still over some of he content the white of black options are a little bit restricting. I'd like the logo to have a blending mode so that as I scroll it shows inverted colours.

    This website has a good example.

    https://thirstcraft.com/

    Thanks

    Matt

  •  9,153
    Tahir replied

    Hey Again,

    You can use the below CSS and adjust the Logo accordingly.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    div#header-outer {
     mix-blend-mode: exclusion;
    }
    

    Thanks


    ThemeNectar Support Team