Quitar borde a Imagenes

[Drewmaker]

Tengo un problema con la plantilla que estoy usando en mi web; me coloca bordes en todas las imágenes y no tengo ni idea de como solucionarlo. Tengo acceso al Style.css y he intentado cambiar un par de parámetros pero nada.

La web es esta «acotrainer.com«, ya en la página principal se pueden ver algunas imagenes con este recuadro y en esta otra página más de ellas.

A ver si me podéis echar una mano para quitar ese recuadro a las imágenes.

[albedrizate]

Yo las veo sin bordes

[galussothemes]

Hola Drewmaker,

lo que tu tema le aplica a las imágenes es un sombra. Busca lo siguiente en el archivo style.css:

.entry-content img {
max-width: 100%;
height: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}

y déjalo así (quita o comenta las 3 últimas líneas):

.entry-content img {
max-width: 100%;
height: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
box-shadow: 0 1px 2px rgba(0,0,0,0.175); */
}

Si también quieres las imágenes sin los bordes redondeados, quita las líneas que hacen referencia a border-radius.

Saludos.