Categories

Full Site. How to change logo and company name

Chris Diaz October 10, 2011
Rating: 5.0/5. From 1 vote.
Please wait...

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

You may be looking for more website building options, so view responsive wordpress business themes.

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