Jak zmienić szerokość stylu subsilver2?

Zmiana szerokości stylu subsilver2 sprowadza się do dodanie kilku parametrów do arkusza stylów.

Otwieramy plik styles/subsilver2/theme/stylesheet.css i szukamy w nim:

Code: Zaznacz cały

#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;
}

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

#wrapfooter {
   text-align: center;
   clear: both;
}

Wcześniej znalezione linie zamieniamy na:

Code: Zaznacz cały

#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;
   margin: 0 auto;
   width: x;
}

#wrapcentre {
   margin: 15px 25px 0 25px;
   margin: 0 auto;
   width: x;
}

#wrapfooter {
   text-align: center;
   clear: both;
   margin: 0 auto;
   width: x;
}

Za x wstawiamy liczbę w pikselach (np. 780px) lub w procentach (np. 80%).

Za wyśrodkowanie całego stylu względem okna przeglądarki odpowiada parametr margin: 0 auto;. W przeciwieństwie do stylu prosilver, w tym nie musimy odświeżać motywów stylu.