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

ramonjosegn · 12 Jul 2014

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 · 12 Jul 2014

Saludos, te refieres a la sombra?

- - - Actualizado - - -

Desde el style.css se genera la sombra en

Insertar CODE, HTML o PHP:

.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 · 12 Jul 2014

nicorto dijo:
Saludos, te refieres a la sombra?

- - - Actualizado - - -

Desde el style.css se genera la sombra en

Insertar CODE, HTML o PHP:

.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 · 12 Jul 2014

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

ramonjosegn dijo:
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 · 12 Jul 2014

nicorto dijo:
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 · 12 Jul 2014

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;}

ramonjosegn dijo:
¿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 · 12 Jul 2014

nicorto dijo:
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í

HTML:

<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í

HTML:

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

nicorto · 12 Jul 2014

si está chupao Ramón

ramonjosegn dijo:
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 · 12 Jul 2014

nicorto dijo:
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 · 12 Jul 2014

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

Insertar CODE, HTML o PHP:

.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;
}

ramonjosegn dijo:
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 · 12 Jul 2014

nicorto dijo:
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 · 12 Jul 2014

Ahí ni idea lo siento :encouragement:

ramonjosegn dijo:
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 · 12 Jul 2014

nicorto dijo:
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 · 12 Jul 2014

ramonjosegn dijo:
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 · 12 Jul 2014

cicklow dijo:
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 · 12 Jul 2014

ramonjosegn dijo:
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

Insertar CODE, HTML o PHP:

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

ramonjosegn · 12 Jul 2014

cicklow dijo:
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

Insertar CODE, HTML o PHP:

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

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

Fosforito · 18 Sep 2014

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!

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

ramonjosegn Seguir Seguidores 12

ramonjosegn Seguir

Seguidores

12