Как изменить ширину бокового сайдбара Вордпресс?

J
На сайте с 08.06.2006
Offline
844
8185

Как изменить ширину бокового сайдбара Вордпресс? Где задается эта ширина?

Спасибо!

[umka]
На сайте с 25.05.2008
Offline
456
#1

Очевидно, в шаблоне темы?

Лог в помощь!
[Удален]
#2

в файле стилей шаблона обычно и посмотрете еще файл sidebar.php шаблона

verbman
На сайте с 04.11.2010
Offline
93
#3
igor3333:
в файле стилей шаблона обычно

+1

ищите что-то типа:

#side {
text-align: left;
width: 180px;
margin: 0px;
padding: 0px;
padding-top: 25px;
float: right;
position: relative;

}
J
На сайте с 08.06.2006
Offline
844
#4

/*

Theme Name: NewsSense

Theme URL: http://wordpressorg.ru/newssense/

*/

/* LAYOUT */

body {

background: #FFFFFF url(images/background.png) left top repeat-x;

}

#wrapper {

}

#container {

background: #FFFFFF;

margin-top: 10px;

}

#contentwrap {

background: #FFFFFF;

}

a {

color: #000000;

text-decoration: none;

}

a:hover {

color: #32A1CF;

text-decoration: none;

}

/* HEADER */

#header {

height:130px;

}

#header h1 {

margin-bottom: 2px !important;

padding: 18px 0 0 0;

font-weight: normal;

font-family: Georgia, Times New Roman Times, Serif;

font-weight: bold;

font-size: 46px;

}

#header h1 a, #header h1 a:visited {

color: #32ACDE;

text-decoration: none;

}

#header h2 {

color: #A49F97;

font-size: 14px;

line-height: 14px;

font-family: Times New Roman, Times, Serif;

font-style: italic;

}

.logoimg {

margin: 35px 0 0 15px;

}

/* NAVIGATION MENUS */

#pagemenucontainer {

height: 26px;

float: left;

padding-left: 10px;

margin-top: 20px;

}

#pagemenu {

height: 26px;

}

#pagemenu, #pagemenu ul {

padding: 0;

margin: 0;

list-style: none;

line-height: 1;

}

#pagemenu {

margin-bottom: 1px;

}

#pagemenu ul {

float: left;

list-style: none;

margin: 0px 0px 0px 0px;

padding: 0px;

}

#pagemenu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#pagemenu ul li {

list-style: none;

margin: 0px;

padding: 0px;

}

#pagemenu li a, #pagemenu li a:link {

color: #959393;

display: block;

margin: 0 4px 0 0;

padding: 6px 16px;

text-decoration: none;

text-transform: uppercase;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

}

#pagemenu li a:hover, #pagemenu li a:active {

color: #5FC6F1;

display: block;

background: url(images/pagenav-hover.png) left top repeat-x;

-moz-border-radius: 0 0 5px 5px;

-khtml-border-radius: 0 0 5px 5px;

-webkit-border-radius: 0 0 5px 5px;

border-radius: 0 0 5px 5px;

}

#pagemenu li.current_page_item a {

color:#5FC6F1;

background: url(images/pagenav-hover.png) left top repeat-x;

-moz-border-radius: 0 0 5px 5px;

-khtml-border-radius: 0 0 5px 5px;

-webkit-border-radius: 0 0 5px 5px;

border-radius: 0 0 5px 5px;

}

#pagemenu li:hover, #pagemenu li.sfhover {

position: static;

}

#navcontainer {

height: 40px;

display: block;

overflow: hidden;

background: url(images/nav-bg.png) left bottom repeat-x;

padding-left: 10px;

}

#navcontainer .current-cat a {

background: url(images/nav-hover.png) left top repeat-x;

color:#fff;

-moz-border-radius: 5px 5px 0 0;

-khtml-border-radius: 5px 5px 0 0;

-webkit-border-radius: 5px 5px 0 0;

border-radius: 5px 5px 0 0

}

/* CONTENT */

#content {

padding: 15px 15px 15px 15px;

}

pre { overflow: auto;

width: 670px;

}

.post {

padding: 10px;

margin-bottom: 15px;

background: url(images/post-tile-bg.png) left top repeat-x;

}

.post_thumbnail {

padding: 6px;

background: #fff;

border: 1px solid #F3F3F3;

margin: 0 10px 10px 0;

}

.post p {

margin-bottom: 10px;

}

.title {

margin: 0 0 8px 0;

padding: 0px;

line-height: 24px;

font-size: 24px;

font-family: Arial, Helvetica, Sans-serif;

color: #4A4848;

font-weight: bold;

}

.title a {

text-decoration: none;

color: #4A4848;

}

.title a:hover {

color: #32A1CF;

}

.pagetitle {

margin-bottom: 20px;

line-height: 22px;

font-family: Arial, Verdana;

text-decoration: underline;

}

.readmorecontent {

text-align: right;

}

a.readmore {

background: #F2F2F2;

padding: 4px 15px;

color: #6A6363;

text-decoration: none;

font-size: 12px;

}

a.readmore:hover {

background: #65B8DB;

color: #FFFFFF;

}

.postdate {

font-size: 13px;

font-family: Arial, Helvetica, Sans-serif;

font-style: italic;

color: #BCB9B9;

}

.postmeta {

font-size: 11px;

padding: 2px 4px;

font-family: Arial, Verdana;

}

.postdate img, .postmeta img {

border: none;

vertical-align: middle;

margin:2px;

}

.entry {

text-align: justify;

line-height: 18px;

padding-top: 8px;

font-family: Arial, Helvetica, Sans-serif;

font-size: 13px;

color: #898484;

}

.navigation {

padding: 10px 0;

}

blockquote {

overflow: hidden;

padding-left: 9px;

font-style: italic;

color: #666;

border-left: 3px solid #CADAE7;

}

.post img {

max-width: 680px;

}

img.wp-smiley {

max-height: 12px;

margin: 0;

padding: 0;

border: none;

}

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}

.alignleft {

float: left;

}

.alignright {

float: right;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}

/* wp-pagenavi */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

font-size: 15px !important;

padding: 4px 8px !important;

color: #232323 !important;

background:none !important;

border: 0 !important;

}

.wp-pagenavi a:hover {

border: 0 !important;

color: #fff !important;

background:#65B8DB !important;

border: 0 !important;

}

.wp-pagenavi span.pages {

font-size: 15px !important;

padding: 4px 8px !important;

color: #232323!important;

background: none !important;

border: 0 !important;

}

.wp-pagenavi span.current {

font-size: 15px !important;

padding: 4px 8px !important;

font-weight: bold;

color: #000000 !important;

background:#F2F2F2 !important;

border: 0 !important;

}

.wp-pagenavi span.extend {

font-size: 15px !important;

padding: 4px 8px !important;

background:transparent !important;

color: #232323 !important;

background: none !important;

border: 0 !important;

}

/* SIDEBAR(S) */

.sidebaradbox {

margin-top: 5px;

text-align:center;

}

.sidebaradbox125 {

margin-top: 10px;

text-align:center;

}

.ad125 {

margin: 5px 0;

}

.sidebar {

margin: 0 0 10px 0;

}

.left-sidebar {

}

.right-sidebar {

padding: 0 10px;

}

.sidebar a {

text-decoration: none;

color: #6D6A6A;

}

.sidebar a:hover {

text-decoration: none;

color:#4DACD4;

}

#search {

border: 1px solid #F2F2F2;

height: 28px;

padding: 0;

background: #fff;

text-align: right;

}

#search input {

border: 0;

background: none;

color: #6D6B6B;

}

#s {

width: 220px;

padding: 4px;

margin:2px 0 0 0;

background: none;

}

#topsearch #search {

margin: 14px 10px 0 0;

}

#topsearch #s {

width: 180px;

}

/* Social icons */

.addthis_toolbox {

padding: 15px 0 5px 0;

text-align: center;

}

.addthis_toolbox .custom_images a

{

width: 32px;

height: 32px;

margin: 0 2px 0 2px;

padding: 0;

}

.addthis_toolbox .custom_images a:hover img

{

opacity: 1;

}

.addthis_toolbox .custom_images a img

{

opacity: 0.85;

}

.rssbox {

background: #F2F2F2;

border: 1px solid #E4E4E4;

padding: 10px;

margin: 10px 0 0 0;

}

.rssbox:hover {

background: #FFFFFF;

border: 1px solid #E4E4E4;

}

.rssbox a {

color: #37474E;

text-transform: uppercase;

font-size: 12px;

font-weight: bold;

text-decoration: none;

font-family: Arial, Helvetica, Sans-serif;

}

.rssbox a:hover {

color: #37474E;

text-decoration: underline;

}

.twitterbox {

background: #F2F2F2;

border: 1px solid #E4E4E4;

padding: 10px;

margin: 10px 0 0 0;

}

.twitterbox:hover {

background: #FFFFFF;

border: 1px solid #E4E4E4;

}

.twitterbox a {

color: #37474E;

text-transform: uppercase;

font-size: 12px;

font-weight: bold;

text-decoration: none;

font-family: Arial, Helvetica, Sans-serif;

}

.twitterbox a:hover {

color: #37474E;

text-decoration: underline;

}

.sidebar h2 {

margin: 10px 0 0 0;

padding: 4px 0px 4px 10px;

background: url(images/sidebar-tab.png) left top repeat-x;

font-size: 16px;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

color: #000000;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

.sidebar ul {

list-style-type: none;

margin: 0px 0px 4px 0px;

padding: 0px;

}

.sidebar ul li {

list-style-type: none;

margin: 0px 0px 5px 0px;

padding: 0px;

}

.sidebar ul ul {

list-style-type: none;

margin: 0px;

padding: 0px;

}

.sidebar ul li li {

padding: 4px 0px 6px 0px;

margin: 0px;

}

.sidebar ul li ul li {

padding: 4px 0px 6px 0px;

margin:0;

background: url(images/sidebar-line.png) left bottom repeat-x;

}

#wp-calendar th {

font-style: normal;

text-transform: capitalize;

color: #6D6A6A;

background: none;

}

#wp-calendar caption {

padding: 2px 4px;

text-transform: uppercase;

margin: 2px 0 2px 0;

background: none;

}

#wp-calendar td {

color: #6D6A6A;

font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

letter-spacing: normal;

padding: 2px 0;

text-align: center;

}

#wp-calendar td:hover, #wp-calendar #today {

background: #4DACD4;

color: #fff;

}

#wp-calendar {

empty-cells: show;

font-size: 14px;

margin: 0;

font-weight: bold;

width: 100%;

}

/* FOOTER */

#footer {

padding: 20px 0;

text-align: center;

color: #3B3B3B;

font-size: 13px;

background: #DEDEDE;

margin-top: 0;

}

#footer a {

color: #3B3B3B;

}

#footer a:hover {

text-decoration: none;

}

#credits {

color: #615D5D;

font-size: 11px;

text-align: center;

padding: 10px;

}

#credits a {

color: #615D5D;

text-decoration: none;

}

/* COMMENTS */

#comments h3 {

margin-bottom: 10px;

}

J
На сайте с 08.06.2006
Offline
844
#5

где только можно width изменял

на сайте все как было

N1
На сайте с 15.11.2011
Offline
9
#6

В строке 396 добавляете после .left-sidebar {

width: 200px;

(если, например, нужна ширина левого сайдбара 200px)

Аналогично для правого сайдбара добавить в строке 399 после .right-sidebar {

width: 200px;

(вместо 200px подставляете нужную ширину в обоих случаях)

J
На сайте с 08.06.2006
Offline
844
#7

neon17, а если нужно увеличить основную область

что и где менять?

N1
На сайте с 15.11.2011
Offline
9
#8

За основную область отвечает строка 110 -

.span-13 {

width: 510px;

}

Только учитывайте, что при изменении ширины может "поехать" весь шаблон; менять ширину надо экспериментальным путем, постепенно подставляя разные значения, чтобы сохранить нормальный вид сайта. Удачи.

J
На сайте с 08.06.2006
Offline
844
#9
neon17:
.span-13 {
width: 510px;
}

там нет таких строк

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий