If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

JS Animated. How to replace text logo with an image

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