Page 1 of 1

Subsilver2 Fixed Width

Posted: 26 Jul 2011, 20:04
by Stoker
Subsilver2 Fixed Width
Written by Stoker

This little guide will tell you how to set the phpBB3 subsilver2 style with a fixed width. Then the style will have a fixed with and centered in the middle of screen.
Its only four edits in a css file.

Open styles/subsilver2/theme/stylesheet.css
Find:

Code: Select all

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}
Inline find:

Code: Select all

padding: 0;
Replace with:

Code: Select all

padding: 0 20px; 
   min-width: 650px; 
   width: 900px; 
   margin: 0 auto; 
Find:

Code: Select all

#wrapcentre {
	margin: 15px 25px 0 25px;
}
Inline find:

Code: Select all

margin: 15px 25px 0 25px;
Replace with:

Code: Select all

min-width: 650px; 
   width: 900px; 
   margin: 0 auto; 
Find:

Code: Select all

#menubar {
	margin: 0 25px;
}
Inline find:

Code: Select all

margin: 0 25px;
Replace with:

Code: Select all

min-width: 650px; 
   width: 900px; 
   margin: 0 auto; 
Find:

Code: Select all

#datebar {
	margin: 10px 25px 0 25px;
}
Inline find:

Code: Select all

margin: 10px 25px 0 25px;;
Replace with:

Code: Select all

min-width: 650px; 
   width: 900px; 
   margin: 0 auto; 
You can change the width to something else if you want.
And you can use max-width instead. It is good for low resolution browsers.

Save file, upload and refresh your theme and browser.