Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
Adjust CMS widget column width
AURFSCAN
Join Date: Jan 2008
Posts: 328

by AURFSCAN AURFSCAN is offline 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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


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



Views: 4800
Reply With Quote
Comments
  #2  
Old 02 Jan 2011, 08:09
AURFSCAN AURFSCAN is offline
 
Join Date: Jan 2008
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



Last edited by AURFSCAN; 02 Jan 2011 at 08:23. Reason: added stuff
Reply With Quote
  #3  
Old 03 Jan 2011, 09:10
sisterhood's Avatar
sisterhood sisterhood is offline
 
Join Date: Nov 2008
demo plz
__________________
INTERPOL

-The Community-
Reply With Quote
  #4  
Old 03 Jan 2011, 14:14
AURFSCAN AURFSCAN is offline
 
Join Date: Jan 2008
ok


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



Attached Images
File Type: jpg before.jpg (351.7 KB, 298 views)
File Type: jpg after.jpg (355.8 KB, 282 views)
Reply With Quote
  #5  
Old 17 Apr 2012, 02:59
BF777 BF777 is offline
 
Join Date: Jan 2007
This worked for the right hand widget only. How do I resize the left to be the same as the right?
Reply With Quote
  #6  
Old 30 Sep 2012, 10:18
ar15dcm ar15dcm is offline
 
Join Date: Apr 2012
Real name: Dean
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?
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 06:46.

Layout Options | Width: Wide Color: