Helpful Information
 
 
Category: vBulletin 4 Articles
Adjust CMS widget column width

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

<div class="vbcms_content">
<div id="doc3" class="yui-tvb-r3">


4. Take note of the number that comes after yui-tvb-r

- The example here is '3'

5. add the below code to the bottom of the additional.css template

.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



:)

oh.... the grid I'm using is

sidebar location: right
sidebar width: 240px
columns: 2 columns (25/75)

and my forum is fixed width

I have no idea how this will display on other grids :confused:


:D

demo plz

ok


before - right column wide @240px
after - right column same width as left



:)

This worked for the right hand widget only. How do I resize the left to be the same as the right?

Yes, when I widen my browser the left side widgets stretch and the right widget column is static.
Can you post a mod to fix this?










privacy (GDPR)