The Sweethome’s home page consists of the following sections:

 

 

sweethometemplate1

 

This tutorial will focus on how to edit the banner section used in Sweethome template as shown above.

 

Note: Follow image dimension shown below for the best result

 

sweethomebannerdimension

 

1. Go to Design

2. Click on Static Pages

3. Look for /index.asp?p=/static/index.html

4. Click on Edit

 

sweethometemplate2

 

5. Click on image you want to change

6. Click on Insert/edit image

 

sweethometemplate3

 

7. Click on browse icon

 

sweethometemplate4

 

8. Insert your image (upload may required)

9. Click on Ok (Repeat step 5 to 9 for all images)

10. Open Source code

 

sweethometemplate5

 

Important: Please save a copy of the original source code before you proceed to the next steps

 

11. Find wording you want to change (press Ctrl + F and type the word into the box)

12. Change the text between <h1> and </h1> for the banner’s header

13. Change the text between <h6> and </h6> for headers

14. Change text between <p> and </p> for description

15. Click Ok

16. Click on Save

 

sweethometemplate6

 
 

How h1, h6 and p display

 

sweethometemplate7