Respuesta a: ¿Cómo editar es espaciado y borde de las imagenes de las entradas?

Inicio Foros WordPress Themes y Diseño ¿Cómo editar es espaciado y borde de las imagenes de las entradas? Respuesta a: ¿Cómo editar es espaciado y borde de las imagenes de las entradas?

#44943

imported_fliberty
Participante

Hola, en mi caso yo realizo lo siguiente:

si quiero aplicar a las imágenes de toda la página:

img{padding:5px; margin:8px; border:#000 1px solid;}

Si quiero aplicar efectos sólo a las imágenes de las entradas:

div.content img {padding:5px; margin:8px; border:#000 1px solid;}
div.content img a{text-decoration:none}

Porqué le doy margin y padding, pues el paddin me separa el borde de la imagen y el margin, me separa la imagen del texto; le puedes asignar además float: left ó float:right, dependiendo de la alineación de la imagen, por ejemplo de manera automática WP asigna el class alignleft, alignright ó aligncenter, de acuerdo a como subas la imagen y la alineación que especifiques, solo para el caso si quiero aplicar estos efectos a las alineaciones:

alignleft img {padding:5px; margin:0 8px 8px 0; border:#000 1px solid; float:left;}

Aquí el texto se va a distanciar de la imagen 8px del lado derecho y 8px en la parte inferior.

alignright img{{padding:5px; margin:0 0 8px 8px; border:#000 1px solid; float:right;}

Aquí el texto se separa de la imagen 8px a la izquierda y 8px en la parte inferior.

Para la alineación centrada utilizas text-align en lugar del float.

Pin It on Pinterest