Eliminar bordes de imágenes en sitio web

KarlaG · 2 Mar 2015

¡Que Tal Foreros!

Alguien sabe como se eliminan los bordes de las imagenes? En mi pagina: http://www.comoaprenderanadar.info/nada-facil-metodo-efectivo-para-aprender-a-nadar/ aparecen las imagenes con esos bordes y no me gustan.

¿Me podrian ayudar?

PJrN · 2 Mar 2015

Hola amigo, utiliza el inspector de google chrome a ver si das con ello.

SnakeNet · 2 Mar 2015

en style.css

busca esto:

HTML:

/* Image borders */img[class*="align"],img[class*="wp-image-"],#content .gallery .gallery-icon img,img.wp-post-image,img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */	 border: 1px solid #ccc; 	padding: 6px;}

y quita border: 1px solid #ccc;

nicorto · 2 Mar 2015

Saludos, el borde que sale al poner el cursor sobre la imagen?

asesor · 2 Mar 2015

Linea 1011 del style.css,

HTML:

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img, img.wp-post-image, img.attachment-thumbnail {
    border: 1px solid #ccc; ====cambiar por =======> border: none important!;
    padding: 6px;
}

Acv2 · 2 Mar 2015

Agrega esto a tu CSS

Insertar CODE, HTML o PHP:

img[class*="align"], img[class*="wp-image-"] {
border: none;
padding: 0;
}

Y listo nada de borde ni hover con borde

SnakeNet · 2 Mar 2015

Acv2 dijo:
Agrega esto a tu CSS

Insertar CODE, HTML o PHP:

img[class*="align"], img[class*="wp-image-"] { border: none; padding: 0; }

Y listo nada de borde ni hover con borde

Es innecesario añadir la linea ya que ninguno más le esta dando valor una vez saque la linea.

Acv2 · 2 Mar 2015

aceves el nombre de div es dificil de buscar, y no se el conocimiento que tiene esta persona lo hice la manera mas facil posible y entendible es añadir ese css que buscarlo y modificarlo

Eliminar bordes de imágenes en sitio web

KarlaG

PJrN

SnakeNet

nicorto

asesor

Acv2

SnakeNet

Acv2

Temas similares