Add More than 3 COLUMN BELOW HEADER

To understand the entirety of this article, you have to read my previous Add 2 Column right below Header first.

Jump to the last step.
1). Now scroll down a bit and find this :<div id='main-wrapper'>

2) for Add 3 Column Under Header

<div id='colb-main-contain'> <div id='colb1' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr1' preferred='yes' style='float:left;'/>
</div>
<div id='colb2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr2' preferred='yes' style='float:left;'/>
</div>
<div id='colb3' style='width: 25%; float: right; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

3) for Add 4 Column Under Header
<div id='colb-main-contain'>
<div id='colb1' style='width: 25%; float: left; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr1' preferred='yes' style='float:left;'/>
</div>
<div id='colb2' style='width: 25%; float:left; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr2' preferred='yes' style='float:left;'/>
</div>
<div id='colb3' style='width: 25%; float:left; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr3' preferred='yes' style='float:left;'/>
</div>
<div id='colb4' style='width: 25%; float:right; margin:0; text-align: left;'>
<b:section class='colb-column' id='colbr4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/> </div>

4). Save changes and go to Layout.

Make adjustmen under your needs e.g. width and float.
End. Hope you like it and enjoy my post here.
Last Post : Add 2 Column right below Header