CSS so that site logo does not appear on other pages – luxury theme

• 

  olealondon · Member · Jan 5, 2017 at 10:30 am

  • Copy link
  • Add topic to favorites

  Hi,

  Please help!

  I have the luxury theme and need to set my main logo for the site, so that I can add in information to the site title and header. However when I set these and add in my logo through the site identity area, the logo then goes over the top of all of my headers and featured images on the other pages.

  What CSS can I use so that the logo does not automatically pull through to those other pages?

  Many thanks,
  Naomi

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 5, 2017 at 9:16 pm

  • Copy link

  Hi Naomi, I’m not seeing a logo on your site right now, but I worked out the following on the Luxury demo site. What I’ve done is to make the logo invisible on all but the home page.

  body:not(.home) .site-logo-link {
       visibility: hidden;
  }

• 

  olealondon · Member · Jan 6, 2017 at 8:56 am

  • Copy link

  That’s right it’s currently not uploaded – thank you for the code will give it a go! :)

• 

  thesacredpath · Member · Jan 6, 2017 at 8:12 pm

  • Copy link

  You are welcome, and let me know if you need further assistance on this.