vB 4

[amjadz4]

Okay so some (most - so far) of the vb 4 themes come only with one width i.e 100% which fills up the screen. Like me, many want to match their website and want the width of the main table to be fixed. So how can we adjust the width of the CMS, Blog and Forum all together?

vBulletin 3 had an easy way to do it, under Main CSS of the template. But in vB 4 its a bit different. Follow these steps to adjust the width of your vbulletin.

1. Log into AdminCP
2. Navigate to Styles & Templates > Your style > StyleVars
3. In the search field type in doc_width (under Common).
4. Now set the Units and Size as per your requirement, and Save. (default: auto)

That's it!

Now if at all for some reason your theme is not center aligned after adjusting the width do this:
Type doc_margin in the search field.
Set Left & Right to autoNow you have your CMS, Blog and Forum center aligned to the width of your choice! :)

If you did this to your forum, please click MARK AS INSTALLED (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=231671).

Thank you!

[Dr.osamA]

installed

thanxx
________
Sc replay upload (http://screplays.com)

[bilgicc]

Thank you. installed.

[haothiencz]

You just can make a style fixed or fluid that way.

It's good with default style but for some style with images it require also adding

value repeat-x for the bg and forumhead etc...

[amjadz4]

You just can make a style fixed or fluid that way.

It's good with default style but for some style with images it require also adding

value repeat-x for the bg and forumhead etc...
well true, but once you set your theme to be of a fixed size and in case any image go out of the table for example a large forum header image you can either use dynamic resizing using timthumb.php (http://timthumb.googlecode.com/) or just resize the image. But this is very unlikely and happens rarely. Theme designers should make their theme compatible for every scenario.

[b6gm6n]

didn't work for me, actually after finding your thread after searching around for a simple way to make a fixed width skin for my site using just the new vB4 forum, after trying it on my local-machine I'm not gonna bother using it on my main site, it's horrible, i have been persistently put off by bugs and things not working... still cannot see my profile page, no errors, nothing i did wrong, you wanna start designing and get stuck in but this is just horrid, all those posts slamming vB for it's styles were right, i was really looking forward to producing something for my site but it looks like i'll have to wait a year or two for this to catch up... and while I'm here the default style is awful... well it's ok, but god no... sack it and start over the experiment didn't work

-b6

[DataHero]

Thanks for the help. Marked as installed.

[stable2]

Thank you for this - worked perfectly and prevented me from tearing my hair out!
*Installed*

[amjadz4]

Thank you for this - worked perfectly and prevented me from tearing my hair out!
*Installed*
LoL, :) you are welcome!

[Gnomie]

Hi I'm new here and new to VB :) I like the new version 4 !

Installed :)

Was trying to find that. However it has given another problem.

The text in each thread now aligns left and not 100% width of the text container.

Which style would i edit to get that 100% width in the text box?

If anyone could point me in the right direction that would be grand!

[amjadz4]

Hi I'm new here and new to VB :) I like the new version 4 !

Installed :)

Was trying to find that. However it has given another problem.

The text in each thread now aligns left and not 100% width of the text container.

Which style would i edit to get that 100% width in the text box?

If anyone could point me in the right direction that would be grand!
Can you post a screenshot?

[Gnomie]

sure no problem. as you can see, the title isnt subject to the same issue. its like the main body text has been placed in a fixed width or less than 100% table.

so many style vars to search, its driving me nuts!

dont suppose anyone has any kind of cheat sheet with screen shots etc indicating the different style vars locations? i might have to make one :)

[amjadz4]

Well you can see which style it is by adding this line to your config.php

$config['Misc']['debug'] = true; right after the opening <?php line

and then view the source code of that page in your browser. you should see the template tags.

[Gnomie]

thanks ill give that a whirl :)

edit to add: its not this fix causing the issue above, i reset to stock style vars and templating and itt still happens. I have some work to do :)

[kokotitokoko]

installed

[Gnomie]

now installed and fully functional. my error was a 4.01 bug listed here:

http://www.vbulletin.com/forum/showthread.php?337362-Bodies-of-some-posts-don-t-take-up-entire-post-body-area

thanks for your input amjadz4 :D

[mandingo]

sure no problem. as you can see, the title isnt subject to the same issue. its like the main body text has been placed in a fixed width or less than 100% table.

so many style vars to search, its driving me nuts!

dont suppose anyone has any kind of cheat sheet with screen shots etc indicating the different style vars locations? i might have to make one :)

http://www.vbulletin.com/forum/entry.php?2398-StyleVar-Visual-Dictionary-for-Forum-Blog-and-CMS-%28PDF-Documents%29

[Gnomie]

http://www.vbulletin.com/forum/entry.php?2398-StyleVar-Visual-Dictionary-for-Forum-Blog-and-CMS-%28PDF-Documents%29

thanks for that, VERY useful :)

ill find my way around vb org soon :D

[rikmac]

Thank you. installed. :up:

[fortuneinternet]

Installed, thanks alut!!!

[Alucard^]

Omg, someone solved the problem with HiO CleanLight?

https://vborg.vbsupport.ru/showthread.php?t=237772

I cannot fix this skin :(

[rohitkhuranadce]

Thanks :)
You Rock !

[Keysailor]

Thanks for the tip, installed!

[TimberFloorAu]

4.0.3 made no difference at all. In any browser

[Booost This]

Worked good but the CMS front page is still forcing left, after it adjusts center midway through the load. It still forces left.

Running 4.0.3.

Any idea?

[laddo]

Thanks, this was frustrating me trying to find how to set overall page width!

[kingharrison]

Can you make a mod where there is a toggle switch in the bottle left to go between a set fixed width and full screen?

[slimgamer]

This worked perfectly, thanks!

[knucklesdamone]

This worked perfect for my site. www.muscleswithattitude.com (http://www.muscleswithattitude.com/). The one thing I did have to do was change the doc_margin to auto for both sides and now im happy and can be. Thanks if you see anything wrong let me know please

[doc fluty]

helped a lot.. thanks!

[chrayres]

Thank you so much! installed!

[hivitro]

Modify the settings many times and never pay attention. worked perfectly!

[vBDesignerz]

thanks how do you centre it after you fix the width up though??

edit: nvm saw the rest of your post, good details! installed

[rosikquit]

Very useful! Thanks ;)