Time for action — Changing the color of the text in the block header of the default blocks

There are a number of default blocks which we have identified earlier. Most of them can be either in the left column, the right column, or both, depending on how you position them.

We will pick the CATEGORIES block as an example.

Find the following code which is located under /* Default block style */ section.
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;
height: 19px;
background: transparent url('../img/block_header.gif') no-repeat top left

We will change the default color #374853 to red just to show you the difference.

The following screenshot is what you will get on your screen. The left split is the CSS, which has been modified.

Time for action — Changing the color of the text in the block header of the default blocks

Automatically, once you change the color code, all the head text on the default blocks will change to red. Notice that the MANUFACTURERS block remains "gray". This is because it is being controlled by different code, which we will discuss next.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.188.66.13