Ajustar largura da coluna de artigos

  • Autor Autor EKon
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
E

EKon

Gamma
Redactor
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Como podria modificar el ancho de la columna de articulos para que las imagenes no se salgan?

El blog; ESTGeek, tu rincón gamer.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
width y height de css 😉
 
Si, pero donde encuentro eso en las plantillas de Blogger?
 
busca algo como .sidebar

me parece que esta en esta: .sidebar .widget

Saludos!!
 
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 */
}
 
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!!
 
Muchísimas gracias!
 
Voltar
Topo