Categories

Featured templates

JS Animated. How to replace text logo with an image

Emily Rose April 13, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

Hello, this tutorial shows how to replace Text logo with an Image logo in your HTML template.

JS Animated. How to replace text logo with an image

In order to find out what logo type is used in the template, you need to inspect the element or press F12 key to check pages source code.

In case there is a text logo and you want to replace it with your image, please follow the steps listed below:

  1. Log into your FTP and open index.html file. Locate the piece of code that is corresponding to logo part:

    HTML. How to change text logo with an image-1
  2. Remove the logo text and insert the image tag inside the link tag:

     <a href="index.html"><img alt="logo" src="/images/logo.png" /></a> 

    Make sure to close the image tag:

    HTML. How to change text logo with an image-2
  3. Save the changes and re-upload the file to the server.

  4. You should also upload the logo image to the path that you have specified in index.html file. Open the images folder and upload the image:

    HTML. How to change text logo with an image-3
  5. Refresh the page and check your new logo image.

    Please note that the changes should be made in all index.html files.

Feel free to check the detailed video tutorial below:

JS Animated. How to replace text logo with an image
This entry was posted in JS Animated tutorials and tagged HTML, image, logo, text. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket