Requesting custom CSS code

• 

  anyalight7 · Member · Feb 16, 2017 at 1:54 pm

  • Copy link
  • Add topic to favorites

  Greetings!

  I’d like to make the logo on my site doubled in size and overlapping a bit with the photo below.
  I have a premium account, which will allow me to use custom CSS.

  I also am not sure how to input CSS code, so curious if an expert can input the code for me.

  Thank you!

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

• 

  thesacredpath · Member · Feb 17, 2017 at 4:06 am

  • Copy link

  Hi, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to make your logo twice its size. Unfortunately, due to the way the html and theme is structured, I cannot get the image to overlay the top of your photo below.

  .custom-logo {
  	max-height: 200px;
  	max-width: 200px;
  	visibility: hidden;
  }
  .site-branding {
  	background-image: url('https://anyalightcom.files.wordpress.com/2017/01/logo_png.png');
  	background-size: 200px auto;
  	background-repeat: no-repeat;
  	background-position-y: center;
  }
  .custom-logo-link {
  	display: block;
  }
  @media screen and (max-width: 768px) {
  	.site-branding {
  		background-position-x: center;
  	}
  }

• 

  anyalight7 · Member · Feb 19, 2017 at 3:40 pm

  • Copy link

  Thank you! Wonderful! You are truly a HAPPINESS engineer! xo

• 

  thesacredpath · Member · Feb 20, 2017 at 7:05 pm

  • Copy link

  Well, thank you and you are welcome. :)