Corregir el error de alinear las imágenes en WordPress 2.6
4
Hace tiempo que no era capaz de alinear correctamente las imágenes en los post. No podía centrarlas, ni ponerlas a la izquierda con el texto justificado junto a la imagen. Buscando información vi en el blog de Carrero que es un bug de la versión 2.6 que no se si queda solucionado con la 2.6.1 ya que no la he instalado aún. En principio tienen previsto solucionar este bug en la versión 2.7 que está ya en beta pero mientras tanto tiene fácil solución.
El problema es que no están definidos algunos estilos para imágenes flotantes como class=”alignleft”, class=”alignright” y class=”aligncentered”. No tenemos más que añadirlos el fichero css de nuestro theme y listo.
Este es el código que hay que añadir al css:
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}
Este es un blog personal en el que habrá espacio para la tecnología, la cultura, los viajes, mis emprendimientos...







Excelente ayuda…. gracias…
ResponderExcelente!! sufrí varios días con este tema, no sé porqué no se me ocurrió, pero bien… para eso está la búsqueda en google!
ResponderGracias, caballero!
aqui esta la correcion.. copienlo en su css…
/*————————————————*/
/*————[CAPTIONS AND ALIGNMENTS]———–*/
/*————————————————*/
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
Responder.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; margin-bottom: 5px; }
img.alignright { display:inline; float:right; margin-left:15px; }
Tu solución no me resolvió el problema T.T
Responder