Logo Colour different on front page and different on other pages

• 

  patelshreya01 · Member · Jan 6, 2017 at 7:12 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  My blog is imshreyapatel.com . I want my logo to be white on the front page, which is what it is currently. For rest of the pages, I want it to be black. Previously an engineer helped me with the coding on live chat and it worked but the black logo was too big which I didn’t want . And now the code doesn’t work either.

  The code used was :

  .page img.custom-logo {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(‘https://imshreyapatelcom.files.wordpress.com/2016/12/shreya-black-12.png’) no-repeat;
  width: 500px;
  /* Width of new image */
  height: 170px;
  /* Height of new image */
  padding-left: 500px;
  /* Equal to width of new image */
  }

  Can you please help me once again. I want the black logo to be as big as the front page white logo looks. I am unsure if ( https://imshreyapatelcom.files.wordpress.com/2016/12/shreya-black-500-156-black.png ) or ( https://imshreyapatelcom.files.wordpress.com/2016/12/shreya-black-12.png ) will make the logo as big as the white one in the front.

  Please help :)

  Thank you.

  Regards,
  Shreya

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

• 

  thesacredpath · Member · Jan 7, 2017 at 3:31 am

  • Copy link

  Hi, replace the rule you reference with this

  .page .custom-logo-link {
  	display:block;
  	-moz-box-sizing:border-box;
  	box-sizing:border-box;
  	background:url('https://imshreyapatelcom.files.wordpress.com/2016/12/shreya-black-12.png') no-repeat scroll left center / auto 400px;
  	width:500px;
  	height:170px;
  	padding-left:500px
  }

  and then also add this.

  .page .custom-logo {
  	visibility: hidden;
  }

• 

  patelshreya01 · Member · Jan 7, 2017 at 5:24 pm

  • Copy link

  Omg thank you so much. This worked like a charm! Appreciate it :D

• 

  thesacredpath · Member · Jan 7, 2017 at 7:04 pm

  • Copy link

  Hooray and you are welcome!