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

Full Site. How to change logo and company name

This tutorial will teach you how to edit logo/company name text. You will also learn how to replace the company name text with an image logo. This tutorial is also valid for such template types as Full Package and Flash Animated or any other static html based template.

  1. Open Index.html file from ‘site_flash’ folder to see the preview.
  2. Open the ‘home.psd’ file from ‘sources/psd’ folder in Adobe Photoshop program.

  3. Choose the ‘select slice tool’

  4. Using the ‘Text’ tool, replace the existing text with your own.
  5. Open the ‘Save for web and Devices’ panel, select the slice and click ‘Save’ Button.
  6. Choose ‘site_flash’ folder to save your modified image.

  7. Hit replace
  8. Open the index.html file or reload the page to see the changes.
  9. Now, let’s replace the ‘company name’ text with an image logo.
    Open the .PSD file, or simple go back to your Photoshop Program.
  10. Hide the text, which you do not need via the ‘library’.
  11. Drag your Logo image and resize it to fit your needs.<
  12. Note: in order to resize the image, we can use CTRL+T shortkey to select it, then holding down the ‘shift’ key, we can resize it.
  13. Using the ‘select slice tool’ you can extend the slice if you image is too large for the existing slice size.
  14. Open the ‘Save for web and Devices’ panel, select the slice and click ‘Save’ Button.
  15. Choose ‘site_flash’ folder to save your modified image.
  16. Hit replace

 

Feel free to check the detailed video tutorial below:

Full Site. How to change logo