logo...

edit the logo

To edit the Logo to add a different one, follow these instructions:

• The first thing you want to do is load your logo into your images file..
• You will need an art program like Photoshop to take out the background.
• Prepare your logo and size it to fit. Check the website area where you want to place it to confirm how much room you have. Aproximatly line 180.
• You will see the code which looks like this:
• #logo {
  background-position: top;
  padding: 10px;
  margin: 10px;
  background-image: url('images/logo.png');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 20;
  width: 350px;
  height: 190px;
  right: auto;
  top: 10px;
  }
  the logo is named logo.png.
  Change this to your file name.
  Change the size of the graphic and adjust it's placement.
  
  There are a multitude of websites tutorials for graphic placement with CSS should you get stuck.
• Save and check your work