How to Change the Black Background of Web Pages to a Lighter One
With the combination of CSS (cascading style sheets) and HTML, you are able to adjust a number of elements of a website. For example, you can modify the background color of a single element, such as a div tag or table, from black to a lighter color. You can also modify the overall background of the entire site. These styles can be found in either an external style sheet, internal style sheet or as inline styles within the HTML tags.
Other People Are Reading
Instructions
-
-
1
Download your style sheet using whichever FTP access method you prefer. Dreamweaver, FileZilla or any other will work. Make sure you have the most current style sheet from your server, not from your local machine. If you are using an internal style sheet or inline styles as part of an HTML page, download the HTML page or pages you need.
-
2
Open the style sheet or HTML page where you want to change the background using Notepad or other code editing software. If you are using a style sheet, continue to step three. If you are editing HTML styles, continue to step four.
-
-
3
Locate your "body" style. It will normally be located near the top of your style sheet. Locate the following entry within your body style: background-color. It should be followed by a pound sign and then a six-digit number (a hexadecimal code). That number should be "#000000" if your background is black.
-
4
Locate your "body" style. It will either be near the top of the page if you are using an internal style sheet, or it will be within the "<body>" tag at the start of your page content.
-
5
Delete the six-digit number and enter the hexadecimal code for a lighter color.
-
6
Save your document and upload it to your server using your FTP access software.
-
7
Double check the color in a few browsers to ensure it is what you want.
-
1
Tips & Warnings
Change background images by looking for "background-image:" and editing the image the corresponding URL calls for. You will need to upload any image that is not on the server already.
Some colors may not be "web safe" and should be avoided.
References
- Photo Credit Black and White image by Martin Hatheuer from Fotolia.com
