
![]()
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
<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


















1 comments:
Hey that was really easy, thanks for the help.
Post a Comment
DON'T SPAM - YOU CAN WRITE COMMENTS WITH ANY LANGUAGE
THANK YOU