Display logo image using CSS (not the site logo feature)

• 

  stwogood · Member · Mar 30, 2016 at 4:23 am

  • Copy link
  • Add topic to favorites

  In the Lovecraft theme, the logo image is small (300×300). I want to display my logo image at the top of the page using CSS and not the site logo feature. Can anyone help me code that?

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

• 

  thesacredpath · Member · Mar 30, 2016 at 7:29 am

  • Copy link

  Hi, have you uploaded the image to your image library yet? If so, can we have a link to it so that we can see what we can do for you on this? Also, let us know where you want the logo placed.

• 

  stwogood · Member · Mar 31, 2016 at 4:37 pm

  • Copy link

  Thanks for responding.
  The link to the image is here:
  https://ladypartsblog.files.wordpress.com/2016/03/screen-shot-2016-03-31-at-9-33-16-am.png

  I would like the logo placed at the top where the site title is currently (Replace the “Dr. Sara Twogood’s LadyParts Blog” wording with the logo). Thank you.

• 

  thesacredpath · Member · Apr 1, 2016 at 7:21 am

  • Copy link

  Hi there, add the following custom CSS to hide the site title text and insert your image.

  .site-title a, .site-title a:hover {
      color: rgba(0, 0, 0, 0);
  }
  .site-title {
      background: url("https://ladypartsblog.files.wordpress.com/2016/03/screen-shot-2016-03-31-at-9-33-16-am.png") no-repeat scroll center 30px;
      min-height: 81px !important;
  }

• 

  stwogood · Member · Apr 1, 2016 at 3:47 pm

  • Copy link

  Perfect. Thanks so much!

• 

  thesacredpath · Member · Apr 1, 2016 at 11:21 pm

  • Copy link

  Awesome, and you are welcome.