How to put your own logo on the header in Epione[Tutorial]

Here is How you can put your own logo:

First off, name your logo file “logo” , then upload your logo file in the “images” folder of your Epione template folder.

Then open up “epione.js” file which can be found in the js folder of your your Epione template directory. Open it with notepad or anything similiar and remove this line:

jQuery(‘#logo a’).FontEffect({ gradient:true, gradientColor:”#fff”, gradientPosition:45, gradientLength:40 });

save the file.

After that, go to admin panel click on “Editor” under “Appearance” Menu.Click on the “Stylesheet” link from the bottom right.

Then in the editor find this line :

#logo a{ font-family: ‘Lobster1.3Regular’; font-size:48px; color:#565656; text-decoration:none; text-transform:lowercase; text-shadow: 3px 3px 5px #000; cursor:pointer; background:url(images/logo.png) no-repeat}

And replace it with:
#logo a{ width:0px; height:0px; background:url(images/logo.png/jpg/gif) no-repeat; display:block; text-indent:-9999px;}

In the above line change the width & height with your logo files width & height & change the extension of logo.

To make it more clear, suppose your logo files has width of 200px & height of 100px and the extension of you logo file is png(logo.png)
The change would look like this:

#logo a{ width:200px; height:100px; background:url(images/logo.png) no-repeat; display:block; text-indent:-9999px;}

After you put this line in the editor, Click on the “Update File” button at the very bottom of the page.

That’s all, Check your site. It should now display your logo.

Towfiq I.