Cómo eliminar el borde de imagen en página de Wordpress

[ramonjosegn]

Estoy tratando de eliminar el borde de una imagen en una página en Wordpress pero nada me funciona, ahora en las opciones avanzadas de Wordpress no es posible hacerlo mediante la ventana de configuración (a no ser con child themes por lo que leído), os agradezco si me podéis echar una mano para borrar el borde de la imagen, dejo el link donde tengo el borde

Rutas SITP | MiRutaFácil

gracias chicos

 

[nicorto]

Saludos, te refieres a la sombra?

- - - Actualizado - - -

Desde el style.css se genera la sombra en

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image
{
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}

 

[ramonjosegn]

Saludos, te refieres a la sombra?

- - - Actualizado - - -

Desde el style.css se genera la sombra en

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image
{
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}

Sí me refiero a la sombra

¿cómo puedo crear un estilo independiente y luego aplicarlo desde la ventana de opciones de Wordpress?

Estoy probando varias opciones y nada, siempre aparece la sombrita... ni siquiera con important! desaparece...

 

[nicorto]

tendrías que quitar el box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1); que te puse ahí.
la llamada la hace .entry-content img,
podrías quitar de la llamada (.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image)
.entry-content img, y crearle otro estilo diferente

Sí me refiero a la sombra

¿cómo puedo crear un estilo independiente y luego aplicarlo desde la ventana de opciones de Wordpress?

Estoy probando varias opciones y nada, siempre aparece la sombrita... ni siquiera con important! desaparece...

 

[ramonjosegn]

tendrías que quitar el box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1); que te puse ahí.
la llamada la hace .entry-content img,
podrías quitar de la llamada (.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image)
.entry-content img, y crearle otro estilo diferente

¿y cómo sería una nueva clase ahí? ya que eso evidente se aplica a todo el theme...

sinborde.entry-content img?? porque también he probado así y nada...

 

[nicorto]

quita .entry-content img, de la cadena .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image
y pon abajo de esa cadena
.entry-content img{margin-bottom: 10px;}

¿y cómo sería una nueva clase ahí? ya que eso evidente se aplica a todo el theme...

sinborde.entry-content img?? porque también he probado así y nada...

 

[ramonjosegn]

quita .entry-content img, de la cadena .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image
y pon abajo de esa cadena
.entry-content img{margin-bottom: 10px;}

Jajajaa, pues nada, no sé si es que no genera bien las clases Wordpress, o el theme tiene muchos conflictos... o yo estoy espeso...

- - - Actualizado - - -

En Wordpress se me genera así

<img class="sinborde aligncenter" src="http://mirutafacil.com/wp-content/uploads/2013/09/bus_urbano.png" alt="bus_urbano" width="521" height="116" />

Y el código CSS (con un plugin de generar css personalizado) lo tengo así

.sinborde {
box-shadow: none important!;
-webkit-box-shadow: none important!;
-moz-box-shadow: none important!;
box-shadow: none important!;
}

 

[nicorto]

si está chupao Ramón

Jajajaa, pues nada, no sé si es que no genera bien las clases Wordpress, o el theme tiene muchos conflictos... o yo estoy espeso...

 

[ramonjosegn]

si está chupao Ramón

El problema es toda la dichosa vuelta en Wordpress... arggghhhh... jajajaa...

Sólo quiero eliminarlo de las imágenes que inserto en los posts, porque también esa sombra se aplica a las imágenes destacadas, y ahí sí quiero mantenerla, por eso estaba tratando de crear una nueva clase, pero nada...

 

[nicorto]

mira busca en /wp-content/themes/forestly/style.css como la imagen quita como te digo arriba y ponlo abajo sin el box-shadow


O sea

.comment-content img,
.widget img,img.header-image,
.author-avatar img,img.wp-post-image {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}
.entry-content img{
	margin-bottom: 10px;
}

El problema es toda la dichosa vuelta en Wordpress... arggghhhh... jajajaa...

Sólo quiero eliminarlo de las imágenes que inserto en los posts, porque también esa sombra se aplica a las imágenes destacadas, y ahí sí quiero mantenerla, por eso estaba tratando de crear una nueva clase, pero nada...

- - - Actualizado - - -

Ahora mismo tienes
.sinborde .entry-content img {
margin-bottom : 10px;
}
quita .sinborde

 

[ramonjosegn]

mira busca en /wp-content/themes/forestly/style.css como la imagen quita como te digo arriba y ponlo abajo sin el box-shadow

así funciona, pero me gustaría no tener que hacerlo directamente en el archivo CSS, sino como una clase o algo similar, es decir, que cuando actualice la plantilla no tenga que reescribir de nuevo el código, traté de hacerlo con la opción "custom css" que trae el theme, y tampoco funcionó...

 

[nicorto]

Ahí ni idea lo siento :encouragement:

así funciona, pero me gustaría no tener que hacerlo directamente en el archivo CSS, sino como una clase o algo similar, es decir, que cuando actualice la plantilla no tenga que reescribir de nuevo el código, traté de hacerlo con la opción "custom css" que trae el theme, y tampoco funcionó...

 

[ramonjosegn]

Ahí ni idea lo siento :encouragement:

Bueno te agradezco igualmente, voy a sugerirle al autor del theme que incluya esta opción de eliminar el borde de las imágenes en las próximas versiones, porque esto nos trae locos a más de uno por lo que he leído en el foro del theme...

Muchísimas gracias por la ayuda

 

[Cicklow]

Bueno te agradezco igualmente, voy a sugerirle al autor del theme que incluya esta opción de eliminar el borde de las imágenes en las próximas versiones, porque esto nos trae locos a más de uno por lo que he leído en el foro del theme...

Muchísimas gracias por la ayuda

Podrias ponerme una imagen del borde que ves?... porque no veo ningun borde en la imagen XD...

 

[ramonjosegn]

Podrias ponerme una imagen del borde que ves?... porque no veo ningun borde en la imagen XD...

Acabo de sobreescribir el archivo CSS como me sugirió [MENTION=18300]nicorto[/MENTION] sólo que mi idea era hacerlo mediante una clase, pero no he sabido cómo resolverlo

Lo curioso es que en el demo no aparecen dichas sombras (no sé si el autor está usando una versión más vieja del theme)

Nuevo Tema para WordPress: Forestly! | Forestly Theme Demo

- - - Actualizado - - -

Revisé y parece que es la misma versión del theme... qué raro, entonces algo no debe andar bien con mi theme, voy a reinstalarlo, porque sí está raro, o de pronto algún plugin molestando

 

[Cicklow]

Acabo de sobreescribir el archivo CSS como me sugirió [MENTION=18300]nicorto[/MENTION] sólo que mi idea era hacerlo mediante una clase, pero no he sabido cómo resolverlo

Lo curioso es que en el demo no aparecen dichas sombras (no sé si el autor está usando una versión más vieja del theme)

Nuevo Tema para WordPress: Forestly! | Forestly Theme Demo

si aparecen 🙂, solo agrega esto en un custom o algo, pero ten en cuenta que el custom tiene que cargar luego de que se cargo style.css

div.entry-content p img{
box-shadow: none;
}

 

[ramonjosegn]

si aparecen 🙂, solo agrega esto en un custom o algo, pero ten en cuenta que el custom tiene que cargar luego de que se cargo style.css

div.entry-content p img{
box-shadow: none;
}

Qué raro, a veces sí me funciona y otras veces no... rarezas del theme supongo...

 

[Fosforito]

Quizás un poco tarde pero mejor que nunca 😉

En la página de configuración del tema Forestly hay un campo para CSS petsonalizado. Ahí se pueden agregar nuevas clases o sobreescribir clases del tema predefinidas.

Saludos!