Ajustar ancho columna de artículos

E

EKon

Redactor

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 29 Mar 2012

• #1

Como podria modificar el ancho de la columna de articulos para que las imagenes no se salgan?

El blog; ESTGeek, tu rincón gamer.

 

D

domakex

Curioso

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 29 Mar 2012

• #2

width y height de css 😉

 

E

EKon

Redactor

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 29 Mar 2012

• #3

Si, pero donde encuentro eso en las plantillas de Blogger?

 

lombervid

Zeta

Verificación en dos pasos activada

• 29 Mar 2012

• #4

busca algo como .sidebar

me parece que esta en esta: .sidebar .widget

Saludos!!

 

D

Dekkers

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 30 Mar 2012

• #5

Entra en edición de la plantilla en Html. Descarga una copia de la plantilla primero por si las moscas


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 740px; <-- Ancho total
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 490px; <-- Ancho cuerpo principal página
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px; <-- Ancho barra lateral
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

 

lombervid

Zeta

Verificación en dos pasos activada

• 30 Mar 2012

• #6

ya checando mejor solo necesitas hacer estos cambios para que quede bien:

busca:

PHP:

#content-wrapper {
width: 950px;
margin:0 auto;
text-align: left;
}

y

PHP:

.sidebar .widget {
width: 270px;
background: #FFF url(http://1.bp.blogspot.com/-ihnliEAl7tg/T0NorM0Q2bI/AAAAAAAAAk4/6NYOmSPYCAQ/s000/sidebarbg.png) repeat-x center top;
padding: 0;
margin-bottom: 30px;
padding: 10px 15px 20px 15px;
}

y cambia el width en #content-wrapper de 950px a 930px y en .sidebar .widget de 270px a 250px quedando asi:

PHP:

#content-wrapper {
width: 930px;
margin:0 auto;
text-align: left;
}

PHP:

.sidebar .widget {
width: 250px;
background: #FFF url(http://1.bp.blogspot.com/-ihnliEAl7tg/T0NorM0Q2bI/AAAAAAAAAk4/6NYOmSPYCAQ/s000/sidebarbg.png) repeat-x center top;
padding: 0;
margin-bottom: 30px;
padding: 10px 15px 20px 15px;
}

Saludos!!

 

E

EKon

Redactor

No recomendado

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 1 Abr 2012

• #7

Muchísimas gracias!