Replacing logo for the morning after theme

• 

  smibbie · Member · Jan 6, 2014 at 6:54 pm

  • Copy link
  • Add topic to favorites

  Hello all!

  I’d love to be able to replace where it says [Smibbie’s Soapbox] at the top of the page with an actual logo that I’ve created. Is there anyone out there that can help me do this with this theme? If there is a way to do it that is.

  Thank you kindly

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

• 

  thesacredpath · Member · Jan 6, 2014 at 8:09 pm

  • Copy link

  Hi there, add the following to your custom CSS by going to Appearance > Customize > CSS, delete all of the informational text in the edit box and paste in the following. Upload your image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your image. Your logo image should be about 531px (maximum width) by 75px tall, although we can make adjustments to the height if necessary.

  #header #logo {
      background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
      width: 531px;
  }
  
  #header #logo .title .site-title a, #header #logo .title .desc {
      color: rgba(0, 0, 0, 0);
      border: none;
      background: none;
  }

• 

  smibbie · Member · Jan 6, 2014 at 8:29 pm

  • Copy link

  I tried going to Appearance > Customize but when I get there, theres no option to edit the CSS. Is there a way around this?

• 

  thesacredpath · Member · Jan 7, 2014 at 5:16 am

  • Copy link

  I’m sorry, I should have checked before responding, but since you posted in the CSS support forum, I assumed you had the Custom Design upgrade. I’ll remember to do that from now on. :)

  You would need the upgrade in order to add the logo where the title is, but you can test it by going to Appearance > Customize and clicking on the Custom Design link on the right and then click on the “Try Now” button and then you can add the code and see how things look before you decide if you wish to purchase the upgrade.