Modificar tamaño content

kyre22 · #1 (**permalink**) 05/05/2011, 01:03

Buenas hace un par de dias que inteneto modificar el tamaño del contenido de las noticias, por cuestion de que tengo que poner un foro.

el tema es:
Hockey-WP-Theme

Aqui os dejo el css, modifico todas los width pero el recuadro de la noticia no se cambia.

/* General */

body {
margin: 0;
background: #ffffff;
}

h1, h2, h3, h4 {
margin: 0;
}

img {
border: 0px none;
}

.clear {
clear: both;
height: 0;
overflow: hidden;
}

/* Page */

#page {
margin: 0 auto;
width: 1000px;
background: url('images/page.jpg') no-repeat;
}

/* Header */

#header {
width: 1000px;
height: 433px;
position: relative;
}

/* Header - Info */

#header #header-info {
position: absolute;
top: 50px;
left: 600px;
}

#header #header-info h1 {
color: #ffffff;
font: normal 30px "Century Gothic", Verdana;
padding-bottom: 5px;
}

#header #header-info h1 a {
color: #ffffff;
text-decoration: none;
}

#header #header-info .description {
color: #ffffff;
font: normal 20px "Century Gothic", Verdana;
padding-left: 80px;
}
/* Header - Search */

#header #header-search {
position: absolute;
top: 300px;
left: 100px;
width: 256px;
height: 24px;
}

#header #header-search #searchform {
margin: 0;
padding: 0;
width: 255px;
height: 24px;
}

#header #header-search #s {
width: 255px;
height: 14px;
border: 0px none;
color: #000000;
background: ;
float: left; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Tahoma, Verdana; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

#header #header-search #searchsubmit {
background: transparent;
border: none;
width: 0;
height: 24px;
padding: 0;
float: right;
}

/* Header - Feed */

#header #header-feed {
position: absolute;
top: 396px;
left: 13px;
width: 271px;
height: 37px;
}

/* Main */

#main {
width: 1000px;
}

/* Main - Content */

#content {
float: left;
width: 575px;
padding: 0 8px 0 13px;
}

/* Main - Content - Post */

#content .post {
float: left;
margin-bottom: 13px;
width: 575px;
}

/* Post - Elements */

#content .post .post-top {
width: 575px;
height: 20px;
background: url('images/post_top.png') no-repeat;
}

#content .post .post-in {
width: 575px;
background: url('images/posts_bg.png');
}

#content .post .post-bottom {
width: 575px;
height: 20px;
background: url('images/post_bottom.png') no-repeat;
}

/* Post - Title */

#content .post .post-title {
width: 575px;
color: #624939;
font: normal 10px Verdana;
}

#content .post .post-title a {
color: #A21518
text-decoration: none;
}

#content .post .post-title a:hover {
text-decoration: underline;
}

#content .post .post-title .post-date {
width: 72px;
height: 50px;
padding-top: 18px;
margin-right: 5px;
background: url('images/post_date.gif') no-repeat;
float: left;
text-align: center;
text-transform: uppercase;
color: #EFD50C; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Verdana
}

#content .post .post-title .post-date span {
padding-top: 3px;
display: block;
font-weight: bold;
font-size: 20px;
color: #EFD50C;
}

#content .post .post-title h2 {
padding-top: 17px;
color: #ac0c03;
font: normal 22px/34px Verdana;
}

#content .post .post-title h2.page-title {
padding: 0 20px;
}

#content .post .post-title h2 a {
color: #A21518;
text-decoration: none;
}

#content .post .post-title h2 a:hover {
text-decoration: underline;
}

#content .post .post-title .post-title-info {
padding-top: 2px;
}

/* Post - Entry */

#content .post .post-entry {
font: normal 11px/18px Verdana;
color: #000000;
width: 535px;
padding: 10px 20px;
}

#content .post .post-entry a {
color: #aa0903;
text-decoration: none;
}

#content .post .post-entry a:hover {
text-decoration: underline;
}

#content .post .post-entry a.more-link {
font-weight: bold;
}

#content .post .post-entry blockquote {
border-left: 10px solid #0000ff;
margin: 0px 30px;
padding-left: 15px;
}

/* Post - Info */

#content .post .post-info {
color: #624939;
float: right;
height: 20px;
background: url('images/post_info.gif') no-repeat;
font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; font-size:11px; font-family:Verdana; padding-left:50px; padding-right:20px; padding-top:0; padding-bottom:0
}

#content .post .post-info a {
color: #181FBD;
text-decoration: none;
}

#content .post .post-info a.add-comment-link {
color: #181FBD;
}

#content .post .post-info a:hover {
text-decoration: underline;
}

/* Post - Subtitle */

#content .post h3 {
margin-top: 20px;
color: #ac0c03;
font: bold 16px Verdana;
}

/* Post - Comments */

#content .post .comments {
font: normal 11px/18px Verdana;
color: #000000;
width: 535px;
}

#content .post .comments ol {
margin: 10px 0;
padding-left: 25px;
}

#content .post .comments ol li {
padding: 5px;
}

#content .post .comments ol li a {
color: #aa0903;
text-decoration: none;
}

#content .post .comments ol li a:hover {
text-decoration: underline;
}

#content .post .comments ol li.alt {
background: #e5dcd4;
}

#content .post .comments ol li cite {
color: #000000;
font-style: normal;
font-weight: bold;
}

#content .post .comments ol li cite a {
color: #000000;
text-decoration: none;
}

#content .post .comments ol li cite a:hover {
text-decoration: underline;
}

#content .post .comments ol li .commentmetadata a {
color: #aa0903;
text-decoration: none;
}

#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}

/* Post - Comment Form */

#content .post #commentform {
font: normal 11px/18px Verdana;
color: #000000;
width: 510px;
margin: 0;
padding-left: 25px;
}

#content .post #commentform a {
color: #aa0903;
text-decoration: none;
}

#content .post #commentform a:hover {
text-decoration: underline;
}

/* Main - Content - Navigation */

#content .navigation {
color: #efe6de;
width: 575px;
float: none;
}

#content .navigation a {
margin-bottom: 13px;
font: bold 11px Verdana;
color: #efe6de;
text-decoration: none;
}

#content .navigation a:hover {
text-decoration: underline;
}

#content .navigation .navigation-previous {
float: left;
}

#content .navigation .navigation-next {
float: right;
}

/* Main - Sidebar */

#sidebar {
float: left;
width: 395px;
font: normal 11px/18px Verdana;
color: #181FBD ;
}

#sidebar a {
color: #181FBD ;
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
}

/* Main - Sidebar - Sides */

#sidebar #sidebar-left {
float: right;
width: 195px;
}

/*#sidebar #sidebar-right {
float: right;
width: 195px;
}*/

/* Main - Sidebar - Boxes */

#sidebar .sidebar-box {
width: 195px;
margin-bottom: 15px;
}

#sidebar .sidebar-box-top {
width: 195px;
height: 17px;
background: url('images/sidebar_box_top.png') no-repeat;
}

#sidebar .sidebar-box-in {
width: 195px;
background: url('images/sidebar_bg.gif');
}

#sidebar .sidebar-box-bottom {
width: 195px;
height: 17px;
background: url('images/sidebar_box_bottom.png') no-repeat;
}

/* Sidebar - Titles */

#sidebar h3 {
width: 182px;
height: 35px;
color: #EFD50C;
background: url('images/sidebar_title.png') no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; line-height:35px; font-size:13px; font-family:Verdana; padding-left:10px; padding-right:3px; padding-top:0; padding-bottom:0
}

/* Sidebar - Menus */

#sidebar ul {
margin: 0;
padding: 6px 0;
list-style-type: none;
}

#sidebar ul li {
color: #181FBD;
font: normal 11px/29px Verdana;
}

#sidebar ul li a {
color: #000000;
text-decoration: none;
padding-left: 19px;
border-bottom: 1px solid #E3E3E3;
display: block;
}

#sidebar ul li a:hover {
text-decoration: none;
background: #1A21BD;
color: #ffffff;
}

/* Sidebar - Menus - Submenus */

#sidebar ul li ul {
padding: 0;
}

#sidebar ul li ul li a {
padding-left: 39px;
}

/* Sidebar - Forms */

#sidebar #searchform {
margin: 0;
padding: 0;
width: 195px;
text-align: center;
}

#sidebar #searchform #s {
width: 155px;
}

/* Sidebar - Tables */

#sidebar #calendar_wrap {
margin: 0 auto;
padding-top: 6px;
width: 155px;
}

#sidebar #calendar_wrap table {
width: 155px;
}

#sidebar #calendar_wrap caption {
font-weight: bold;
}

#sidebar #calendar_wrap tbody {
text-align: right;
}

#sidebar #calendar_wrap tfoot #next {
text-align: right;
}

#sidebar #calendar_wrap #today {
font-weight: bold;
}

/* Sidebar - Texts */

#sidebar .textwidget {
padding: 4px 5px 0 5px;
}

rogertm · #2 (**permalink**) 05/05/2011, 08:16

Te sugiero que uses Firebug, que te ayuda a localizar el problema y lo puedes editar online e ir viendo como va quedando, luego lo editas en el archivo en cuestión y es más fácil.

En caso de que no sepas como solucionarlo, por lo menos puedes decir cual es el código que te da problemas y no tienes que poner todo tu style.css aquí...

Por otro lado, en realidad tu problema no es de Wordpress, es de CSS

Saludos

Uncontroled_Duck · #3 (**permalink**) 06/05/2011, 02:46

Si como comentas cambias todos los width del css y no resultan los cambios, ese width que buscas puede estar en una tabla en el template.