Site logo for Greyzed Theme

• 

  jbkelt · Member · Aug 11, 2011 at 8:04 am

  • Copy link
  • Add topic to favorites

  I am interested in replacing the title of the Greyzed theme with am image/logo. I upgraded to edit the CSS but the code I found to include doesnt seem to do anything. Does anyone have any ideas?

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

• 

  raincoaster · Member · Aug 11, 2011 at 8:14 am

  • Copy link

  What code were you using? Post it here between backticks so we can see it.

• 

  thesacredpath · Member · Aug 11, 2011 at 8:18 am

  • Copy link

  Have you uploaded the image to your image library? If so, we need a link to it to be able to work out exactly how to work it into your design.

• 

  jbkelt · Member · Aug 11, 2011 at 7:34 pm

  • Copy link

  Hi guys.

  I used this code that I found

  #logo {
  background:url('http://hellokeltie.files.wordpress.com/2011/08/badge-copy.jpg') no-repeat scroll 0 0 transparent;
  height:512px;
  margin-bottom:34px;
  width:337px;
  padding:18px 0 0;
  }
  
  #logo h1,#logo h2 {
  display:none;
  }

  And here is the location of the logo
  http://hellokeltie.files.wordpress.com/2011/08/badge-copy.jpg

  I was able to add an image widget, and post the logo there….but I would really like it to replace the Blog Title.

  Thanks

• 

  thesacredpath · Member · Aug 11, 2011 at 8:04 pm

  • Copy link

  First off your “logo” is a billboard. It is 2005px by 2755px. The height needs to be about 150px maximum so you will have to resize it. Secondly the header area lends itself more to images that are wider than they are tall.

  Take a look at this and see what you think as an alternative.

  

• 

  jbkelt · Member · Aug 11, 2011 at 8:11 pm

  • Copy link

  I like the alternative! That looks great! I would love to do that one.

  I will try resizing my image in the meantime and see if that works

  thanks for the help

• 

  thesacredpath · Member · Aug 11, 2011 at 8:26 pm

  • Copy link

  No need to resize the image. All I did was to move the image widget that you have now up and into the header area. Leave everything as is and add the following to the bottom of whatever CSS you have in the CSS edit window.

  #page {
  position: relative;
  }
  
  #image-4 {
      position: absolute;
      top: 70px;
  }
  
  #sidebar {
      padding-top: 230px;
  }
  
  #header h1, #header .description {
      padding-left: 305px;
  }

• 

  jbkelt · Member · Aug 11, 2011 at 8:29 pm

  • Copy link

  Thanks! That is really great.

• 

  thesacredpath · Member · Aug 11, 2011 at 9:57 pm

  • Copy link

  You are welcome.