Blazonco

This tutorial is deprecated, please contact support@blazonco.com to install your new logo for you.

Step 1
Click FILES from the primary navigation menu. Upload your new logo (properly sized to the same size as your previous logo) to a folder under your "images" section.

Step 2
Once the image is uploaded click the file link symbol in the upper left corner of the image (looks like a sideways 8). A window will appear with a file pathway. Example: http://blazonco.com/logo.png. Copy this link. 

Step 3
Now that you have your new Logo file link saved go to your ADD-ONS. Find the Add-on that reads "CSS Header Include". Click the "Configure" link to the far right column. 

Step 4
You are now in side of the CSS editor. Be very careful not to delete anything that is in here. You want to paste your new logo code betwee these two tags.
<style type="text/css"> 
INSERT LOGO CODE FROM STEP 5 HERE
</style type="text/css">
Make sure you paste the following code as above otherwise it will not change. If you saved your new logo with the same name as the original logo you can may want to rename it. Example Logo.png to Logo1.png.

Step 5
Write this code and insert your logo file link  
html #Header h1 a {background-image: url(Insert logo url here);}
Example: html #Header h1 a {background-image: url(http://blazonco.com/logo.png);} 

Step 6
Click the "Save & Activate" button at the bottom right of the CSS Header Include. View your live site. It can take a few mintues for the changes to propagate. 

*If you are still having issues email your request and logo attached to support@blazonco.com