|
Adjust CMS widget column width
by
02 Jan 2011
Rating:
 (1 vote
- 5.00 average) This is to adjust the right hand widget column width so the rest of the content moves over and all becomes even. 1. Goto your Homepage (CMS) 2. View page source code of the page. 3. Scroll down until you find Code:
<div class="vbcms_content"> <div id="doc3" class="yui-tvb-r3"> - The example here is '3' 5. add the below code to the bottom of the additional.css template Code:
.yui-tvb-r3 .yui-b {width:210px;}
.yui-tvb-r3 #yui-main .yui-b {margin-right:220px;}
6. Notice in the code there are two Instances of .yui-tvb-r3 - Change the '3' in both to whatever your number is. Yours might be '4' so both would be .yui-tvb-r4 7. Adjust 210px and 220px to suit your homepage width. - The margin-right amount ( example 220px) is 10px higher than the width (example 210px), this is for the spacing 
|