Для изменения ширины шаба нужно изменить несколько параметров в файле style.css
1) Первым делом увеличьте контейнер body до нужной ширины (width).
2) Далее следует увеличить основной блок шаблона, обычно он называется #content. При чем его стоит увеличить именно на столько пикселей - на сколько вы увеличили контейнер body. То есть если вы увеличили body с 980 пикселей до 1200, соответственно к ширине #content нужно добавить 220 пикселей.
3) Ширину боковой колонки (sidebar), в style.css обычно как #sidebar, изменять не обязательно, так как декоративные элементы в нем создаются сложными рисунками, которые вам сложно будет перерисовать.
Это рекомендации применимы для двухколоночного шаблона wordpress.
у меня двух колоночный шаблон, но почему то у меня нет значений для изменения , вот часть кода /* LAYOUT */ body { background: url(images/background.png); } #wrapper { } #container { background: url(images/container-bg.png) left 10px repeat-x; } #contentwrap { background: #FFFFFF url(images/contentwrap-line.png) 640px top repeat-y; } a { color: #FF7B39; } a:hover { color: #FF5838; } /* HEADER */ значение 640px я пробовал менять и ни каких изменений
#page {
width: 800px;
margin: 20px auto;
}
1) Первым делом увеличьте контейнер body до нужной ширины (width).
2) Далее следует увеличить основной блок шаблона, обычно он называется #content. При чем его стоит увеличить именно на столько пикселей - на сколько вы увеличили контейнер body. То есть если вы увеличили body с 980 пикселей до 1200, соответственно к ширине #content нужно добавить 220 пикселей.
3) Ширину боковой колонки (sidebar), в style.css обычно как #sidebar, изменять не обязательно, так как декоративные элементы в нем создаются сложными рисунками, которые вам сложно будет перерисовать.
Это рекомендации применимы для двухколоночного шаблона wordpress.
/* LAYOUT */
body {
background: url(images/background.png);
}
#wrapper {
}
#container {
background: url(images/container-bg.png) left 10px repeat-x;
}
#contentwrap {
background: #FFFFFF url(images/contentwrap-line.png) 640px top repeat-y;
}
a {
color: #FF7B39;
}
a:hover {
color: #FF5838;
}
/* HEADER */
значение 640px я пробовал менять и ни каких изменений