Let's look up the lines in the file that we need to change in order to modify the background color of the left and the right blocks; this change will affect the background color of the content of the blocks, which are considered default. They (the blocks) are:
TAGS
CATEGORIES
VIEWED PRODUCTS
MANUFACTURERS
SUPPLIERS
INFORMATION
TOP SELLERS
NEW PRODUCTS
Perform the following steps to change the background color:
Scroll down the
global.css
file and go to/*Default block style*/
/* Default block style */ div.block { margin-bottom: 1em; width: 191px } #left_column div.block, #right_column div.block{ padding-bottom: 6px; background: transparent url('../img/block_footer.gif') no-repeat bottom left } div.block h4 { text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left:0.5em; border-bottom:1px solid #595A5E; padding-top:2px; line-height:1.3em; color: #374853; ...