Adding a logo next to title in Morning After?

• 

  fazieditore · Member · Mar 27, 2012 at 9:23 am

  • Copy link
  • Add topic to favorites

  How do I modify the CSS in order to add an image (logo) next to the title in the Morning After theme?

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

• 

  designsimply · Member · Mar 29, 2012 at 2:41 pm

  • Copy link

  Do you mean post titles?

  To add a logo image next to the latest post title on the home page as well as post titles on individual posts in The Morning After theme, try this:

  .latest_post_title, .post_name {
  padding-left: 60px;
  min-height: 50px;
  background: url(http://s.wordpress.org/about/images/logo-blue/blue-s.png) no-repeat;
  }

  Or, if you were referring to the main site title, you could use this to place a logo next to the text site title in The Morning After theme:

  .site-title {
  padding-left: 60px;
  min-height: 50px;
  background: url(http://s.wordpress.org/about/images/logo-blue/blue-s.png) no-repeat;
  }

  I used http://s.wordpress.org/about/images/logo-blue/blue-s.png as an example image since you didn’t provide an image. To use your own image, upload it to your media library, copy the image URL, replace the value in the url() field with your image URL, and also update the padding-left and height values with the width and height of your image.