Jump to content

2 different logos in 2 different places

Recommended Posts


I have 2 versions of my logo: green and white in png file on my imgur page.

I want to have logo in green color everywhere except the drawer where I want to have logo in white color.

How do I address that?

Link to post
Share on other sites

Have you looked at the elements in the console?

body > div.mainDrawer.scrollY.hiddenScrollY-hover.scrollY-mini.hide > div.navDrawerHeader.flex.flex-direction-row.align-items-center > div.navDrawerLogo.pageTitleWithDefaultLogo.flex-grow

body > div.skinHeader.focuscontainer-x.headroom.skinHeader-withBackground.adjustHeaderForEmbeddedScroll > div > div.headerLeft.headerPartFixedWidth > h3.pageTitle.pageTitleWithLogo.pageTitleWithDefaultLogo

There are distinguishing targetable variables for each.  For instance one is "h3" and the other is "div".    Or you could do a ".pageTitleWithDefaultLogo:not(h3)" and ".pageTitleWithDefaultLogo:not(div)".


Edited by Happy2Play
  • Like 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...