Adding my logo

• 

  elitedoc1 · Member · Dec 3, 2013 at 4:36 pm

  • Copy link
  • Add topic to favorites

  I want to add my logo to the top of each page, to the left of the page title. Who can tell me how to do that? I’m not experienced in working with CSS.

  Thank you for your help.

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

• 

  thesacredpath · Member · Dec 5, 2013 at 5:19 am

  • Copy link

  Hi there, you can space the site title text over to the right the width of your logo and then add the logo as a background image with a top left alignment. This is the basic CSS to do that. Some adjustments might have to be made depending on your logo. It looks like you can probably use a logo image of about 50px in height right now, but it could be taller with some additional adjustments. I included a height declaration just in case.

  Upload your logo to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of that image and the paste the following into the CSS editor at Appearance > Customize > CSS.

  #site-title {
      background: url("URL_OF_IMAGE") repeat scroll left top rgba(0, 0, 0, 0);
      height: 50px;
      padding-left: 90px;
  }