It is not difficult to create your own website nowadays, even if you do not have any specific knowledge in the field of web design and programming. At any time, you can use the mass of different templates posted on the Internet, and based on ready-made templates, make and publish your website on the network. However, not everyone is fully satisfied with the version of the site that the template offers. We will tell you how to change the site template and make it unique in this article.
Instructions
Step 1
Download the template and find the style.css file in it. Typically this file is located in the public_html folder.
Step 2
Open the style.css file in notepad and find the code snippet that is responsible for the look and feel of the top of the site. This snippet looks like this:
#logotype {
background: url (images / logotype.png) no-repeat left center #fff;
width: 230px;
height: 60px;
margin: 10px 25px;
position: relative;
Step 3
In this code, in the background: url line, you need to specify the path to the background image of the future site. The next lines indicate the length and height of the image, and the margin item defines the vertical and horizontal indentation of the image.
Step 4
Find the logotype.png
Step 5
Upload the background image to the public_html / tmpl / template_name / Images / folder, after which, as mentioned above, write the path to the image in the background: url line.
Step 6
If necessary, rewrite the parameters of the height, length and offset of the image. The position: relative line can be left alone. Save the changes to the file and upload it to the server instead of the old template file.
Step 7
If you want to change the footer site logo, look in style.css for the code snippet that starts with the words logotype-footer. Save the image with the new logo and upload it to the template's Images folder.
Step 8
Change the length and height parameters. Save the style.css file again and upload the updated site to the server.
