Reduce width and center the page -- any simple way?

[Mobious]

Maybe I’m missing something… but my stylesheet.css is pretty empty.

/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: proSilver
Based on style: proSilver (this is the default phpBB 3 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by:

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");

Is this because I’m running CVS or something? I’m guessing these suggestions/solutions were made before the release of ProSilver.

How do I set it to a fixed width now?

[Highway of Life]

would you look at that... empty!

See the @import ?
Those are calling all of the other stylesheets which are used to style the forum.

Okay, to make it fixed width like this example:

OPEN: common.css
Find:

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

Replace, with:

Code: Select all

#wrap {
	padding: 8px;
	margin: 6px auto;
	width: 910px;
	text-align:left;
	background-color:#FFF;
	border: 4px inset #000566
}

FIND:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

Replace, with:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #ACA8A1;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
}

[Mobious]

would you look at that... empty!

See the @import ?
Those are calling all of the other stylesheets which are used to style the forum.

I got that much, but from the previous posts in this thread it sounded like people were editing the stylesheet file itself, not others.

Ok, this worked, and I was about to ask another question... but I decided to adjust the width to 846 pixels, and nothing changed.

I tried, tried, and tried, and it remained at 910. So I reuploaded a backup common file, and its still at 910. This makes no sense...

Did editing that file cause something else to change? I'm 100% positive that I now have the ORIGINAL common.css file uploaded, yet this is what I have: http://www.dwhiteside.com/phpBB2/

[Highway of Life]

You have to refresh your theme...

Go to ACP > Styles > Theme > prosilver:Refresh
The stylesheets are cached, that’s why it did not change instantly... every time you make a change to the stylesheet and upload it, you have to refresh the theme to see the changes.

This is only for prosilver.
subSilver2 does not need to be refreshed when you make a change. (unless you have it set to Database instead of file system)

[Mobious]

ahha! thats perfect... thanks so much for your help...

This is kinda off topic, but since our descussion is already here (and you touched on the subject) i'll keep it here. Heres my current forums: http://www.clan-ngru.com/phpBB2/ Notice the border arround the whole page. I got it to look that way by editing the hell out of another theme, so I'm not sure exactly how I got that border... Do you know how to make it look like that? I'm attaching an image for a closer view.

The only other thing is how do I stretch the forum 100% in height? I tried adding height: 100%; in #wrap but it didnt seem to work.

Thanks!

Edit: by saying "touched on the subject" I mean, I'm guessing its the border: inset that you had me add. Maybe I need something else to get that effect though, I dunno.

[Highway of Life]

Change the body to have a padding of 0 (zero) and make the border style on #wrap "solid" instead of "inset".

[Mobious]

Ok, I looked at my .css for my old theme, and it looks like #wrap (its obviously something else there) is inside another cell, and that other cell is actually the thick part of the border. If that makes any sense…

.bodyline { background-color: #262626; background-image: url('images/pd_background_2.jpg'); background-repeat: repeat-x; border: 1px solid #393939; }
.newbody { background-color: #0f0f0f; border: 1px #000000 solid;}

Look at this image to see the corresponding colors

So, how would I go about creating a new cell and put #wrap inside of it?

Thanks for the help. if your not sure about this, i'll go head and create a new thread

[Highway of Life]

Well, you would add something like... <div class="inside_wrap"> inside of wrap (or do the outside instead) in the overall_header.html
And place the closing </div> in the overall_footer.html
Then you can give them their own borders... though you’ll have to make sure and set some margin between the inside_wrap and the wrap so that you can use a background on wrap, plus the border.

[BigRed01]

would you look at that... empty!

See the @import ?
Those are calling all of the other stylesheets which are used to style the forum.

Okay, to make it fixed width like this example:

OPEN: common.css
Find:

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

Replace, with:

Code: Select all

#wrap {
	padding: 8px;
	margin: 6px auto;
	width: 910px;
	text-align:left;
	background-color:#FFF;
	border: 4px inset #000566
}

FIND:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

Replace, with:

Code: Select all

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #ACA8A1;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
}

That seemsed to work, but the search box is now outside the header

[Rotsblok]

try search teh .css files for search box. I know there is some styling for it and placing but i cannot remember where exactly.