Cómo ampliar los márgenes laterales en Blogger de forma sencilla

Gaston Riera · 9 May 2012

Buenas tardes a todos!
Quisiera saber si alguien sabe como hacer para aumentar el ancho de los margenes laterales de este sitio: Enlace eliminado

Mi cuestión pasa por el hecho de que el texto queda fuera de la "imagen de fondo". Aqui les dejo una imagen para que se ubiquen a que me refiero:

- ¿A alguien se le ocurre como hacerlo? No le tengo miedo a meterme a editar el código HTML, así mismo, se muy poco y no se me ocurre como hacerlo.
- También se me cruzo por la cabeza la idea de que no estén en mayúsculas esos títulos, pero otra ves nose como hacerlo.

Desde ya mil gracias a todos los que lean esto. Cualquier idea suma.

Saludos

Gaston - LuksLin

aDEL · 9 May 2012

Si es una plantilla de blogger modificada ve a plantilla y despues a diseñador. Ahi tienes las opciones para modificar los anchos facilmente.

Gaston Riera · 9 May 2012

Casualmente eso no lo puedo hacer. No puedo editar ese tipo de cuestion. Solo puedo editar los tipos de letras. Es una plantilla poco editable con el diseñador 🙁

lombervid · 9 May 2012

Una solucion es hacer mas chica la letra, para eso busca esta linea:

PHP:

.sidebar .widget h2{margin:10px 0 4px 0;padding:11px 0 13px 6px;background:url(http://1.bp.blogspot.com/-OW1oqPa8K8g/TiW6lxy6H1I/AAAAAAAABbA/8hjdYUPDthY/s1600/sidebar-tab.png) left top no-repeat;font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#FFF;}

Y cambiala por esta:

PHP:

.sidebar .widget h2{margin:10px 0 4px 0;padding:11px 0 13px 6px;background:url(http://1.bp.blogspot.com/-OW1oqPa8K8g/TiW6lxy6H1I/AAAAAAAABbA/8hjdYUPDthY/s1600/sidebar-tab.png) left top no-repeat;font-size:12px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#FFF;}

Saludos!!

Gaston Riera · 9 May 2012

lombervid dijo:

Una solucion es hacer mas chica la letra, para eso busca esta linea:

PHP:

.sidebar .widget h2{margin:10px 0 4px 0;padding:11px 0 13px 6px;background:url(http://1.bp.blogspot.com/-OW1oqPa8K8g/TiW6lxy6H1I/AAAAAAAABbA/8hjdYUPDthY/s1600/sidebar-tab.png) left top no-repeat;font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#FFF;}

Y cambiala por esta:

PHP:

.sidebar .widget h2{margin:10px 0 4px 0;padding:11px 0 13px 6px;background:url(http://1.bp.blogspot.com/-OW1oqPa8K8g/TiW6lxy6H1I/AAAAAAAABbA/8hjdYUPDthY/s1600/sidebar-tab.png) left top no-repeat;font-size:12px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#FFF;}

Saludos!!

Genial quedo un espectaculo... Ahora un ultimo favorcito, que comando tengo que ponerle para queu queden centradas las frases en esos mismo lugares donde reducimos el tamaño de las letras...

lombervid · 10 May 2012

A la misma linea agregale al final (antes del }):

PHP:

text-align:center;

Quedando algo como esto:

PHP:

.sidebar .widget h2{margin:10px 0 4px 0;padding:11px 0 13px 6px;background:url(http://1.bp.blogspot.com/-OW1oqPa8K8g/TiW6lxy6H1I/AAAAAAAABbA/8hjdYUPDthY/s1600/sidebar-tab.png) left top no-repeat;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;color:#FFF;text-align:center;}

Saludos!!!

Geilin Vargas · 10 May 2012

Buena solucion lombervid....ahora en wordpress¨? es broma creo que yo tengo un template rigido de theme junkie

Gaston Riera · 10 May 2012

lombervid dijo:

A la misma linea agregale al final (antes del }):

PHP:

text-align:center;

Quedando algo como esto:

PHP:

.sidebar .widget h2{margin:10px 0 4px 0;padding:11px 0 13px 6px;background:url(http://1.bp.blogspot.com/-OW1oqPa8K8g/TiW6lxy6H1I/AAAAAAAABbA/8hjdYUPDthY/s1600/sidebar-tab.png) left top no-repeat;font-size:14px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;color:#FFF;text-align:center;}

Saludos!!!

ESPECTACULAR! mil millones de gracias!
Que bueno que haya gente que sabe de estas cosas!

Nicolas001 · 10 May 2012

Gracias por la ayuda!
Se agradece!

Flames · 16 May 2012

Bueno ya te ayudaron, solo decir que la linea de código que hace que todas las letras se vean en mayúsculas es text-transform:uppercase;
Solo hay que borrarla para que las palabras se vean normales. Ya se que tu lo arreglaste pero tal vez a otra persona le pueda servir.
Saludos.:encouragement:

Cómo ampliar los márgenes laterales en Blogger de forma sencilla

Gaston Riera

aDEL

Gaston Riera

lombervid

Gaston Riera

lombervid

Geilin Vargas

Gaston Riera

Nicolas001

Flames

Temas similares