Code for adding logo

• 

  petrateslerova · Member · Jan 12, 2014 at 9:02 am

  • Copy link
  • Add topic to favorites

  Hello,
  I need to add a logo to our nonprofit header, we want it to go before the title. How do I go about doing this?
  I am very basic with HTML.

  Thanks

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

• 

  justpi · Member · Jan 12, 2014 at 1:01 pm

  • Copy link

  Have you uploaded the logo to your blog? If so, give us its URL please.

• 

  kaniamea · Member · Jan 12, 2014 at 1:08 pm

  • Copy link

  Try adding this to your Custom Design => CSS:

  .site-title {
  padding: 88px 0px 0px;
  background-image: url("YOUR_LOGO_IMAGE_HERE");
  background-repeat: no-repeat;
   background-position: center left;
  }

• 

  petrateslerova · Member · Jan 16, 2014 at 1:07 am

  • Copy link

  Thanks for the responses.
  So I need to add my logo as it’s own page and then use that URL? I can do that.
  I see where you can edit the CSS, but when I click on it, it is an empty type box…is this correct? I can just add the code written by Kaniamea and it will then work? It doesn’t need to rest in a specific place in the code for the whole page?

  Thanks again for the help!

• 

  thesacredpath · Member · Jan 16, 2014 at 4:11 am

  • Copy link

  Hi @petrateslerova, you do not have to create a page. You want to upload the image to your media library at Media > Add New. When uploaded, click on the “edit” link and in the module to the right, in a grey field will be the URL of your uploaded logo image. You then replace YOUR_LOGO_IMAGE_HERE between the quote marks with the URL of your image.