Need Help changing a Sites Title to a Logo image?

• 

  lenniem10 · Member · Aug 2, 2011 at 2:47 am

  • Copy link
  • Add topic to favorites

  I was wondering if anyone could help with the CSS on my site because I am trying to change/replace the sites name with an Image of my Logo. So if anyone could help I would be very grateful and you would be a Legend :P.

  Thanks Lenny.

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

• 

  thesacredpath · Member · Aug 2, 2011 at 3:15 am

  • Copy link

  Create the image and then add the following to the CSS edit window, edit the height and width and put the height and width of the image into the #logo declarations. Upload your image to your media library, get the URL of that and replace URL OF LOGO between the double quotes in the background declaration in #logo with with the URL of you logo image.

  #logo {
  background: url(“URL OF LOGO”) no-repeat scroll 0 0 transparent;
  height: 100px;
  margin-bottom: 34px;
  padding: 18px 0 0;
  width: 350px;
  }

  #logo h1, #logo h2 {
  display:none;
  }`

  You will have to add a “Home” link to your top navigation menu as the logo will not link back to the home page. There is a way to do this, but it is a little complex and most freak when the process is explained to them.

• 

  thesacredpath · Member · Aug 2, 2011 at 3:16 am

  • Copy link

  Shoot, I keep forgetting my opening code tag. Copy and paste the below, not what is above.

  #logo {
  background: url("URL OF LOGO") no-repeat scroll 0 0 transparent;
  height: 100px;
  margin-bottom: 34px;
  padding: 18px 0 0;
  width: 350px;
  }
  
  #logo h1, #logo h2 {
  display:none;
  }

• 

  lenniem10 · Member · Aug 2, 2011 at 3:23 am

  • Copy link

  Thankyou very much you are a legend I just have to get the logo all done up a bot neater and then I’m good to go thanks man. Also if you do know the coding to get the logo to redirect to the home page could you upload that aswell if you could do that for me my site would be amazing.

  Thanks man, Lenny, PixelFX Owner

• 

  thesacredpath · Member · Aug 2, 2011 at 4:19 am

  • Copy link

  Well, you have to do some stuff ahead of time. You have to create a transparent PNG with no background color the same size as the logo, upload it to the media library, put it into a text widget and link it to the main site home page, and then let me know. I can then work out the code to move that text widget up and over the top of the logo.

• 

  thesacredpath · Member · Aug 2, 2011 at 4:19 am

  • Copy link

  It is best to put the text widget right at the top of the sidebar so it is easier for me to find.

• 

  lenniem10 · Member · Aug 2, 2011 at 11:40 am

  • Copy link

  Right Will do man cheers are you any good a graphics m8 if you are were always looking for new staff members to help out with the production of the site both design wise and coding for the site but I have to speak to the other site owner because me and my m8 sam both work together on this site but are looking for some admins to help out. And some general forum moderators.