Logo Image

  • Resolved kimcoetzee

    (@kimcoetzee)


    7 months ago

    Hi Guys – I’ve searched but I am unable to spot how I can change my logo image on dark mode. (In my case my site is built using a dark layout so when I switch it should go to a light layout) but my logo which is white and orange and should change to black and orange does not when I use the dark mode toggle. Please advise. Thanks you

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author ScriptsTown

    (@scriptstown)

    Hi,

    You can use below CSS in Appearance > Customize > Additional CSS:

    .darkmode--activated img[src*="Queensgate-Logo-White.svg"] {
  filter: invert(0) hue-rotate(200deg) saturate(560%) contrast(100%);
}
.darkmode--activated .topbar-icon img[src*="Login-Icon.svg"],
.darkmode--activated .sow-social-media-button .sow-icon-image[style*="background-image: url"] {
  filter: invert(0);
}
.darkmode--activated .sow-social-media-button {
  filter: invert(1);
}

    This will change colors while in dark mode only.

Viewing 1 replies (of 1 total)
  • The topic ‘Logo Image’ is closed to new replies.