Time for action — Changing the size of the text in the default block

Changing the size of the text in the default block relate to the syntaxes we used in the previous section where we modified the background color of these blocks.

  1. Get to the following syntax of the global.css file within the /* Default block style */ section, to edit the text.
    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 u'l('../img/block_header.'if') no-repeat top left
}
  2. You can make the font size larger by increasing the em value in the font-size.
  3. Normally, you wouldn't want to change it drastically due to the constraints on other related elements such as the background and the span of the block header.

This editing is only relevant to the blocks which were affected by changes made using the same syntaxes in the previous section; that is TAGS block, CATEGORIES block, INFORMATION block, NEW PRODUCTS block, and TOP SELLER block.

The blocks with links such as the MANUFACTURER block and the CART block are modified through a different set of syntaxes, as we have seen earlier.

What just happened?

You explored the way to change the size of the text in the default style blocks. Through this knowledge you may try to discover how to change the size of the text in the other blocks.

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

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