Agrandar size sidebar y post en theme tuning-mix.com

  • Autor Autor Mariano182
  • Fecha de inicio Fecha de inicio
M

Mariano182

Zeta
Hola Betas,

A partir de que Adsense, me quitó las flechas de los anuncios y mi ctr se fuera al demonio, estoy realizando bastantes cambios en algunos sitios.

Pero aquí necesito ayuda, antes de hacer cag... Prefiero preguntar:
Como agrandar este theme, quiero agrandar tanto el sidebar como el campo del post.
El blog es el siguiente: http//tuning-mix.com

Se los agradeceré mucho si me dan una mano 😛8:
Gracias!!

---------- Post agregado el 13-abr-2013 hora: 14:11 ----------

Alguna alma caritativa que me ayude?
 
Entra a tu editor y en el styles.css modifica lo siguiente:

Para modificar el contenedor de los dos bloques (post y sidebar)

Insertar CODE, HTML o PHP:
#container div.wrapper {
margin: 0 auto;
text-align: left;
width: 1060px; /* Original era de 960px */
}

Acá modificas el ancho del post

Insertar CODE, HTML o PHP:
#main {
float: left;
display: inline;
margin-right: 10px;
width: 670px; /* Original era de 620px */
}

Y acá el ancho del sidebar

Insertar CODE, HTML o PHP:
#sidebar {
float: left;
display: inline;
width: 360px; /* Original era de 320px */
}

Las medidas tu las puedes modificar a tu gusto, espero que no se joda nada. Guarda una copia de respaldo del archivo style.css por cualquier cosa.
 
Si estás en Firefox o Chrome con F12 (creo que también era F12 en Chrome) entrarás a un modo de debugging (?) para sitios (no sé si debugging sea la palabra más adecuada).
Desde aquí podrás jugar con el CSS de tu sitio y hacer pruebas de forma rápida.
 
Que grande!!!
Estoy medio ciego, espero no hacer cag...

Luego te cuento como me fue y muchas gracias!! :encouragement::encouragement:

---------- Post agregado el 14-abr-2013 hora: 06:51 ----------

Probare modificando el css.style de manera convencional

Gracias!
Entra a tu editor y en el styles.css modifica lo siguiente:

Para modificar el contenedor de los dos bloques (post y sidebar)

Insertar CODE, HTML o PHP:
#container div.wrapper {
margin: 0 auto;
text-align: left;
width: 1060px; /* Original era de 960px */
}

Acá modificas el ancho del post

Insertar CODE, HTML o PHP:
#main {
float: left;
display: inline;
margin-right: 10px;
width: 670px; /* Original era de 620px */
}

Y acá el ancho del sidebar

Insertar CODE, HTML o PHP:
#sidebar {
float: left;
display: inline;
width: 360px; /* Original era de 320px */
}

Las medidas tu las puedes modificar a tu gusto, espero que no se joda nada. Guarda una copia de respaldo del archivo style.css por cualquier cosa.
 
Atrás
Arriba