ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• November 23, 2013 at 8:51 am #32952
  alexvs1980

  Member

  Post count: 29

  Hi Ed,

  I asked you in other thread to achieve what you do here: http://dante.swiftideas.net/home/home-eight-naked/ but we were discussing other issues and maybe forgot to answer that.

  I just to use the same logo but with inverted colors. You told me to hide the logo and display an image background to achieve that.

  Could you explain me how to do it ?

  My temp site is clouds.strateo.net

  Thank you !

  November 23, 2013 at 11:19 am #32979
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Best to keep it is a separate topic, easier to track! Ok, so modifying what we did with our naked header example, the following code should work for what you want to do:

  .sticky-header-resized #logo img {
  display: none!important;
  }
  .sticky-header-resized #logo {
  background: transparent url('http://dante.swiftideas.net/wp-content/uploads/2013/10/[email protected]') no-repeat center left;
  background-size: 92px 21px;
  width: 92px;
  }

  You’ll need to set your logo image URL, and background-size and width, based on the logo you want to use.

  Hope that helps. Give it a go and if it needs tweaking I’ll take a look.

  – Ed

  November 23, 2013 at 1:30 pm #32991
  alexvs1980

  Member

  Post count: 29

  Hi Ed,

  That helped me a lot!

  Is there a way to trigger the change the logo when the sticky navigation changes the color instead of when it resizes ?

  Look to my site clouds.strateo.net and you’ll see there is a moment that the navigations changes the color but the logo stills the same and when the sticky starts resizing, the logo changes.

  Once again, thank you for your great support.

  Regards,
  Alex.

  November 24, 2013 at 4:23 pm #33103
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Ahh ok sure, use this code instead:

  .is-sticky .sticky-header #logo img {
  display: none!important;
  }
  .is-sticky .sticky-header #logo {
  background: transparent url('http://dante.swiftideas.net/wp-content/uploads/2013/10/[email protected]') no-repeat center left;
  background-size: 92px 21px;
  width: 92px;
  }

  – Ed

  November 24, 2013 at 6:17 pm #33121
  alexvs1980

  Member

  Post count: 29

  Hi Ed,

  Thank you, just what I wanted !

  Regards,
  Alex.

  November 25, 2013 at 9:01 am #33197
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Great 🙂

  – Ed

• Back to forum

  Posted in: Dante