[Solved]Adjust border padding?

[PepeSmith]

Hi,

Just upgraded to smf 2.0 then installed latest tinyportal. Was wondering how I remove the padding on the left and right so my page will fit the whole screen?

For example in this site there is a gap on the left and right how do i adjust that and make it smaller?

My site is pokermanila.com btw.

[Xarcell]

I'm not sure what you mean. It is 100%.

I recommend you trying a different theme.

[Crip]

looks fine to me?

[PepeSmith]

Yeah kinda fixed it and made some of my banners smaller to take the scroll bars out.

But what if I wanted to make the blue borders on the left and right smaller so that my main forum maximizes the space.

See pic.

http://picasaweb.google.com/lh/photo/1IzaGEk5z24QkCJeGWeWXQ?authkey=Gv1sRgCM359N6ViYrbgwE&feat=directlink

[SN]

You mean increase your theme width?

Admin CP > Configuration > Current Theme > Forum Width.

Then put in there 100%

[PepeSmith]

You mean increase your theme width?

Admin CP > Configuration > Current Theme > Forum Width.

Then put in there 100%

Yeah already tried that but it still has that gap on the left and right that I want to make smaller.

I want the left and right gap to be as small as the gap on the top.

I'm using the default theme so I guess it's just a matter of adjusting something but my skills are very limited.

[SN]

ok in your index.css for that theme.

find

Code Select Expand

body {
background:url("../images/theme/backdrop.png") repeat-x scroll 0 0 #E9EEF2;
font:78%/130% verdana,Helvetica,sans-serif;
margin:0 auto;
padding:15px 5%;

replace with

Code Select Expand

body {
background:url("../images/theme/backdrop.png") repeat-x scroll 0 0 #E9EEF2;
font:78%/130% verdana,Helvetica,sans-serif;
margin:0 auto;
padding:15px 1%;

[Xarcell]

Yes, there is padding there that should be lessened. What SN suggested should work. It's a theme thing, not a TP thing.

[SN]

1% changes it to the exact same size as the top. if you want to get rid of it completely just put 0%

[PepeSmith]

This is what i found. In the index.css

Code Select Expand

/* Set a fontsize that will look the same in all browsers. */
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0%;
}

Changed the 5% to 0% but nothing happened...