How to Adjust a Template Cell Shade
Certain website templates utilize table-based layouts to create and maintain a structure. These tables are made up of cells that are divided into rows and/or columns. Each cell can contain its own set of styles, whether inline or from a stylesheet, which include text font, font size, background color and text color. The background color of each template cell can be modified or changed not only to a different color but also a different shade of the same color.
Instructions
-
-
1
Download the HTML page from the template you need to modify using whichever FTP access method you prefer. Dreamweaver, FileZilla or Internet Explorer will work. Make sure you have the most current document from your server, not from your local machine. If you are using a stylesheet to control the look of table cells, download the stylesheet as well.
-
2
Open the HTML page where you want to change the template cell shade in Notepad or other code editing software.
-
-
3
Locate the table cell you want to modify within the page. See if you have embedded styles with it; they will look like the following:
background-color: 000000;
font-family: sans-serif;
-
4
Change the shade of the table cell if you are using inline or embedded styles. Otherwise, locate it in your stylesheet, which should also open in the code editor, to change it there. The term "color" refers to the text color and "background-color" denotes the cells background color.
-
5
Save your documents and upload them to your website using FTP client software.
-
1
Tips & Warnings
To locate a cell style in your stylesheet, look for "id" or "class" in the cell's HTML code and then search for the particular class or id in your stylesheet.
Make sure you only edit the cell you want or you might end up changing the shade of other cells or all of the tables.
The use of tables does not meet with many current Web standards. It can cause unnecessarily large amounts of code, long load times and poor accessibility for the public as well as search engines.