The default blocks are formed by a content block and a header block.
You just learned how to modify the default block background color, but how about the header of this default block?
Let's take an example of the CATEGORIES block, which is one of the default blocks. There are a number of blocks which are categorized as the default blocks. They are TAGS, MANUFACTURERS, NEW PRODUCTS, and TOP SELLERS.
Every block is currently linked to the block style which is using the same header (redirected to block_header.gif
) except those that are controlled by block exclusive
and myaccount
You can change the block header background color by performing the following steps:
Edit these lines within the default block style:
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...