Su archivo CSS de tema ya tiene 21 instancias donde deshabilita las sombras de cuadro, como en la línea 175:
.noborder, .noborder a:hover, .portfolio-single .social-networking-portfolio iframe, #slider iframe, #slider img, #slider a:hover img {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
En algunos casos, lo hace usando !important
debido a una carrera de especificidad, como en la línea 223:
.team-member img {-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
Las soluciones rápidas y sucias
Puede reutilizar o copiar esas reglas y aplicarlas a su imagen de carga ajax (corrigiendo cualquier clase / ID en este selector), por ejemplo:
#main .loading {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none;}
- ¿Debo aprender Ruby on Rails 2017 para comenzar una startup?
- ¿Cuáles son las tareas laborales del desarrollador Junior JavaScript?
- Aprendí HTML, CSS, Javascript, JQuery, PHP postgreSQL y Laravel. ¿Debería pasar tiempo aprendiendo Ajax y Node.js o continuar con PHP?
- ¿Existe un mercado para una aplicación de creación de sitios web en la era de las páginas de destino?
- Resuelto: ¿Por qué Meteor tarda una eternidad en actualizar la vista previa en vivo?
… o use estilos en línea en la imagen para deshabilitar la box-shadow
:
¿Por qué es una solución sucia?
!important
pasa por alto el modelo en cascada en CSS. Desea utilizar una especificidad creciente en lugar de un mazo para sobrescribir sus reglas CSS. Ver: http://stackoverflow.com/questio…
Los estilos en línea alejan el control del estilo de su CSS, lo que hace que los cambios en el sitio sean mucho más difíciles de realizar.
El problema subyacente
Parece que las sombras de caja se han aplicado a una gran cantidad de elementos de una manera casi descuidada, al hacer que los selectores afectados sean demasiado vagos. Además de esto, hay 30 instancias donde se aplican las sombras de cuadro. El autor del tema tuvo que sobrescribir las muchas excepciones al eliminar las sombras de los cuadros en elementos más específicos, a menudo recurriendo al uso de !important
.
¿Cuál es la mejor manera de arreglar esto?
Primero, podría comenzar siendo más específico acerca de qué elementos obtienen sombras de cuadro. Esto tiene un gran efecto secundario, ya que no tendría que sobrescribir las reglas de sombreado de recuadro en elementos que no desea que tengan el estilo como tal.
OOCSS y SMACSS utilizan esta metodología mediante el uso estricto de clases. Si existe una clase en un elemento, se aplica el estilo con las sombras de cuadro que desee.
Entonces, recomendaría una reescritura de las sombras de caja aquí. Sería:
- reducir el tamaño de su archivo CSS,
- darle más control desde el CSS en el futuro
- Reduce la complejidad en los selectores y la especificidad para las sombras de caja