How do I make everything touch?
 

Hey - I've attached a picture of the vB CMS page I'm working on right now. How do I close the gap between the content/widgets and the whole page? Pretty much, where it's red I don't want there to be the white gap. Any help for what code to edit?

P.S. I have the page width set to 800px and centered. 500px for content and 300px for widgets. No room for anything else. I want everything touching/flush... if that makes sense.

Thanks!

Go to your style > styleVars > and click on vbcms to list all the stylevars for the cms. Try changing the margins there to 0.

Already did - still no luck. Any other suggestions?

You can look at the css for the grid and see if it is in there. I really don't know since figuring out css issues from an image is not something I can do.

If it helps, my URL is http://supworking.com/forums. Thanks so much.

Play with the right-margin in this class - .yui-tvb-r4 #yui-main .yui-b (do a search in templates for it). Make it smaller. I'm not sure what to do about the text that is set to be 100% though. You really have to just play with it I think.

Hey - Check the site again (http://supworking.com/forums/). I was able to fix the widgets - 300px and touching the ends. Can't figure out the coding to edit though for the main content/main column... to make it the full 500px (right now it's 470px) and to make it touch the left end totally. Don't want to see any white space - any help?

You really should be creating your own grid for what you want to do. Right now, you have a left and right side and that is why there is all that space under the right column. You really need to make a bit div and then have the right column in a div inside the main div and then the text would just flow around it.