Categories

Featured templates

HTML/CSS. How to change background color

Julia Rovena November 23, 2011
Rating: 3.0/5. From 6 votes.
Please wait...

This video tutorial shows how to change a background color of a website template. Performing some changes in HTML and CSS files you can change the website background the way you need.

1) First open index.HTML file from folder "site" in your browser.

2) You can check what CSS line creates the background color of the template with the help of Firebug, free addon for Firefox.

3) Right click on the background and select "Inspect Element".

4) The color of the background can be changed in style.css file. The line of the file can be seen in Firebug as well.

5) Let’s open this file from folder "Site" with Adobe Dreamweaver software.

6) Locate the line and change the color ID you need. You can choose the color among the available options in Dreamweaver.

7) Save the changes you have made and open index file in your browser to preview the changes.

 

Feel free to check the detailed video tutorial below:

HTML/CSS. How to change background color
This entry was posted in Working with CSS, Working with HTML and tagged background, color, css, HTML. Bookmark the permalink.

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