Pregunta sobre Virtue de Wordpress:

eliminar la sombra del cuadro de la imagen

Un usuario preguntó 👇

No puedo eliminar la sombra del cuadro de una imagen en una página. He probado CSS personalizado:

img {cuadro de sombra: 0 0 0px;}

no funcionó.

Aquí está la página web: http://www.kwlayout2.hydetech.com/testimonials/

(@hannahritner)

Hace 3 años, 5 meses

Hola hydetech, solo puedo ver una sombra de caja en un vuelo estacionario. ¿Es eso lo que estás intentando eliminar? ¿O quieres eliminar el borde de la imagen?

Hannah

(@ronlasmarias)

Hace 3 años, 5 meses

Tengo la misma pregunta. Quiero aprender a eliminar la sombra del cuadro al desplazar el cursor de una imagen en una página. Gracias por adelantado.

(@hydetech)

Hace 3 años, 5 meses

El cuadro aparece en la pantalla y se vuelve más oscuro cuando lo enciendo. Quiero eliminar el borde y el cuadro al pasar el mouse.

Esta respuesta fue modificada hace 3 años, 5 meses por.

(@hannahritner)

Hace 3 años, 5 meses

hydetech, intente agregar esto a su bandeja de entrada CSS personalizada en Opciones de tema> Configuración avanzada:

.testimonials [class*=wp-image] {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.testimonials [class*=wp-image]:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
}

ronlasmarias, ¿pueden publicar un enlace a su sitio?

Hannah

(@hydetech)

Hace 3 años, 5 meses

Eso funcionó, ¡muchas gracias por su ayuda!

(@ronlasmarias)

Hace 3 años, 5 meses

Hannah

http://shhsband.com/volunteer/

Notarás que aparecen refugios cuando vayas a las imágenes. El borde es muy claro pero podría ser mejor.

Gracias por adelantado.

Sello

(@ronlasmarias)

Hace 3 años, 5 meses

También necesita ayuda para ajustar el «Ancho del contenido». FYI, estoy usando el tema virtual.

(@hannahritner)

Hace 3 años, 5 meses

Hola ronlasmarias, intente agregar esto a su cuadro CSS personalizado:

[class*=wp-image], [class*=wp-image]:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

Puede ajustar el ancho del contenedor con este CSS:

@media (min-width: 1200px) {
.container {
    width: 1200px;
}
}

¿Es eso lo que quieres decir?

Hannah

(@ronlasmarias)

Hace 3 años, 4 meses

Hola Hannah,

Lamento que no hayas respondido antes. Gracias nuevamente por sus comentarios. Ingresé el código en CSS personalizado, no funcionó.

(@hannahritner)

Hace 3 años, 4 meses

No veo la SEC en su código. ¿Dónde estás contribuyendo?

Hannah

(@ronlasmarias)

Hace 3 años, 4 meses

Hannah, lo quité después de que no funcionó. Lo intenté varias veces. Lo estoy agregando desde Apariencia> Opciones de tema> Configuración avanzada> Cuadro personalizado de CSS. Gracias por su paciencia y apoyo …

(@hannahritner)

Hace 3 años, 4 meses

¿Puede agregar el CSS para que pueda ver cómo se ve en su sitio? ¡Gracias!

Hannah

(@ronlasmarias)

Hace 3 años, 4 meses

De acuerdo … Acabo de agregar el código en Apariencia> Opciones de tema> Configuración avanzada> Cuadro personalizado de CSS y apliqué el cambio Guardar varias veces … ¡Gracias! !

Sello

(@hannahritner)

Hace 3 años, 4 meses

Todavía no lo veo. Sin embargo, veo algunos errores en su sitio. Me gusta esto: wp-fade-in-text-news.js?ver=4.8:47 Uncaught ReferenceError: FadeIn_bFadeOutt is not defined
Su anfitrión puede tener más información sobre eso.

Hannah

(@ronlasmarias)

Hace 3 años, 4 meses

Desactivé y eliminé ese plugin …

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *