Modificar espaço entre entradas no tema Twenty Twelve

sebastiani · 02/05/2013

Que tal amigos estoy tratando de reducir el espacio entre entradas en el index, también quiero cambiar el color y colocarle relleno al menú.
Debo suponer que tengo que modificar la hoja de estylo sin embargo no he podido lograrlo, alguien sería tan amable de ayudarme con esto.

Koletta · 02/05/2013

Pues voy a echarle un ojo a ver si encuentro algo. Iop!

---------- Post agregado el 02-may-2013 hora: 16:25 ----------

sebastiani disse:
Que tal amigos estoy tratando de reducir el espacio entre entradas en el index, también quiero cambiar el color y colocarle relleno al menú.
Debo suponer que tengo que modificar la hoja de estylo sin embargo no he podido lograrlo, alguien sería tan amable de ayudarme con esto.

Creo que he encontrado lo que buscas. Tienes que irte al siguiente estilo .site-content article y modificar la propiedad margin-bottom: 5.142857143rem.

Modifico el valor a tus necesidades y ya está. Si necesitas algún otro cambio, por aquí ando!

Inserir CODE, HTML ou PHP:

.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	[COLOR="#008000"]margin-bottom: 5.142857143rem;[/COLOR]
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

Saludos! :encouragement:

sebastiani · 03/05/2013

Gracias por tu ayuda pero al parecer no es la línea que deba modificar, por que ya cambie el valor pero no ha modificado en nada. tienes alguna otra idea amigo.

Koletta disse:
Pues voy a echarle un ojo a ver si encuentro algo. Iop!

---------- Post agregado el 02-may-2013 hora: 16:25 ----------

Creo que he encontrado lo que buscas. Tienes que irte al siguiente estilo .site-content article y modificar la propiedad margin-bottom: 5.142857143rem.

Modifico el valor a tus necesidades y ya está. Si necesitas algún otro cambio, por aquí ando!

Inserir CODE, HTML ou PHP:

.site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; [COLOR="#008000"]margin-bottom: 5.142857143rem;[/COLOR] padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

Saludos! :encouragement:

Koletta · 03/05/2013

sebastiani disse:
Gracias por tu ayuda pero al parecer no es la línea que deba modificar, por que ya cambie el valor pero no ha modificado en nada. tienes alguna otra idea amigo.

¿Lo has puesto en píxeles? Prueba. Si coge un tamaño proporcional y has cambiado el otro valor puede estar afectando. A mi me funciona correctamente. Instalé un WP de prueba para probarlo:

Puedes buscar el estilo margin-bottom: en el archivo CSS y modifica el que te cuadre. Yo uso el modo desarrollador de Chrome para ver que propiedad afecta a cada elemento.

Koletta · 03/05/2013

Ya me cuentas! 🙂

hasdpk · 03/05/2013

No olvides desactivar el caché si te vas a poner a jugar con la página, sino te va a dar quebraderos de cabeza.

sebastiani · 03/05/2013

como asi no entendí, osea que probablemente si esta haciendo los cambios, pero no me lo muestra por que la cache esta activa?.

hasdpk disse:
No olvides desactivar el caché si te vas a poner a jugar con la página, sino te va a dar quebraderos de cabeza.

---------- Post agregado el 03-may-2013 hora: 16:04 ----------

Acabo de hacer lo que me indicas y no disminuye el espacio, que podrá pasar, en tu imagen se ve claramente, pero cuando lo hago no sucede lo mismo.

Koletta disse:
¿Lo has puesto en píxeles? Prueba. Si coge un tamaño proporcional y has cambiado el otro valor puede estar afectando. A mi me funciona correctamente. Instalé un WP de prueba para probarlo:

Ver o anexo 13863

Puedes buscar el estilo margin-bottom: en el archivo CSS y modifica el que te cuadre. Yo uso el modo desarrollador de Chrome para ver que propiedad afecta a cada elemento.

sebastiani · 03/05/2013

Mira te adjunto una imagen, por ms que modifique nada.

Koletta disse:
Ya me cuentas! 🙂

WindHack · 03/05/2013

sebastiani disse:
Mira te adjunto una imagen, por ms que modifique nada.
Ver o anexo 13867

Desactiva el caché del sitio y borra el de tu navegador.

sebastiani · 03/05/2013

Ya vacié la cache, he pasado e cleaner, peor logro sin ver los cambios.

WindHack disse:
Desactiva el caché del sitio y borra el de tu navegador.

WindHack · 03/05/2013

Prueba con otro navegador o en otra PC. Asimismo, actualiza con Ctrl + F5

sebastiani · 03/05/2013

Probé desde otra pc ya se visualiza, sorpresivamente ya se visualiza también en mi computador.

WindHack disse:
Prueba con otro navegador o en otra PC. Asimismo, actualiza con Ctrl + F5

---------- Post agregado el 03-may-2013 hora: 18:28 ----------

Muchas gracias, ya logre que funcione, me indicas como usas las herramientas de desarrollador desde chrome para saber que cambiar, por ejemplo quisiera cambiar el color del menú y sidebar.

Koletta disse:
Pues voy a echarle un ojo a ver si encuentro algo. Iop!

---------- Post agregado el 02-may-2013 hora: 16:25 ----------

Creo que he encontrado lo que buscas. Tienes que irte al siguiente estilo .site-content article y modificar la propiedad margin-bottom: 5.142857143rem.

Modifico el valor a tus necesidades y ya está. Si necesitas algún otro cambio, por aquí ando!

Inserir CODE, HTML ou PHP:

.site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; [COLOR="#008000"]margin-bottom: 5.142857143rem;[/COLOR] padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

Saludos! :encouragement:

WindHack · 03/05/2013

sebastiani disse:
Muchas gracias, ya logre que funcione, me indicas como usas las herramientas de desarrollador desde chrome para saber que cambiar, por ejemplo quisiera cambiar el color del menú y sidebar.

Clic derecho -> Inspeccionar elemento.

Buscas el elemento que deseas cambiar y luego al lado derecho te aparece el CSS. Ahí sabes qué modificar.

Saludos.,

sebastiani · 03/05/2013

Amigo me ayuda con esto, necesito eliminar lo que encierro de rojo en la imagen

Koletta disse:
Pues voy a echarle un ojo a ver si encuentro algo. Iop!

---------- Post agregado el 02-may-2013 hora: 16:25 ----------

Creo que he encontrado lo que buscas. Tienes que irte al siguiente estilo .site-content article y modificar la propiedad margin-bottom: 5.142857143rem.

Modifico el valor a tus necesidades y ya está. Si necesitas algún otro cambio, por aquí ando!

Inserir CODE, HTML ou PHP:

.site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; [COLOR="#008000"]margin-bottom: 5.142857143rem;[/COLOR] padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

Saludos! :encouragement:

WindHack · 03/05/2013

Eso lo eliminas desde el archivo php correspondiente.

Mira el PHP de Single.php y del Index.php en búsqueda de esa parte. Debe de tener como ref. 'respuestas', 'responses', 'comentarios', etc.

Koletta · 03/05/2013

Aún necesitas eliminar eso? He estado fuera todo el día y acabo de conectar.

sebastiani · 03/05/2013

No lo encuentro

Toda la tarde buscando una solución a esto y nada, no encuentro nada de los términos que me indicas, quizás se trata de una función.

WindHack disse:
Eso lo eliminas desde el archivo php correspondiente.

Mira el PHP de Single.php y del Index.php en búsqueda de esa parte. Debe de tener como ref. 'respuestas', 'responses', 'comentarios', etc.

WindHack · 03/05/2013

Hola,

Elimina en el archivo content.php las siguientes líneas:

Inserir CODE, HTML ou PHP:

<div class="comments-link">
				<?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?>
			</div><!-- .comments-link -->

sebastiani · 03/05/2013

Muchas gracias!!!!

Si en algo puedo ayudarte no dudes en contactarte conmigo.

WindHack disse:
Hola,

Elimina en el archivo content.php las siguientes líneas:

Inserir CODE, HTML ou PHP:

<div class="comments-link"> <?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentytwelve' ) . '</span>', __( '1 Reply', 'twentytwelve' ), __( '% Replies', 'twentytwelve' ) ); ?> </div>

Modificar espaço entre entradas no tema Twenty Twelve

sebastiani

Koletta

sebastiani

Koletta

Koletta

hasdpk

sebastiani

sebastiani

WindHack

sebastiani

WindHack

sebastiani

WindHack

sebastiani

WindHack

Koletta

sebastiani

WindHack

sebastiani

Tópicos similares