Hola, me gustaría poner mi slider de la página de inicio con sombreado, bajé el plugins Meta slider par cear dicho slider, ¿hay forma de meterle un sombreado? la web está en el theme atlas de wordpress.
Gracias.
URL del sitio: Contenido solo visible a usuarios registrados
Hola Nuria.
Revisa este artículo de nuestro blog que te va a ser muy útil:
Inspeccionando tu web veo que el estilo que hay que modificar es :
.metaslider .theme-default .nivoSlider { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;
Modificando los valores de box-shadow cambias la apariencia de la sombra. Revisa http://librosweb.es/css_avanzado/capitulo_1/sombras.html
Un saludo.
Hola Lorena, gracias por tú ayuda, ¿entiendo que debo modificar la css desde aquí (te adjunto imagen)? de ser así, ¿hay alguna otra forma? es que los cambios que hago desde este lugar, ya sea en mi web o en la de algún cliente, de primeras lo modifica pero luego no me guarda los cambios y al actualizar la web vuelve a sus css anteriores...
Un saludo.
Fdo. Nuria Pariente
Muchas gracias por todo
Hola Nuria,
El plugin NivoSlider tiene su propio archivo CSS que debes localizar en la carpeta /wp-content/plugins/carpeta_del_plugin_nivoslider
Y dentro verás un archivo .css que contendrá el estilo que debes localizar para modificar ".metaslider .theme-default .nivoSlider".
No olvides hacer una copia de seguridad antes de proceder con los cambios.
Saludos
No tengo ese plugin instalado, entiendo por tanto..., que debo desinstalar el que pusé que era "MetaSlider" y poner el plugins NivoSlider??
Gracias
Hola Nuria
Con el slide que tienes actualmente, agrega el siguiente código CSS :
#rt-feature .rt-container { box-shadow: 0px 0px 4px #888888; }
Esto lo puedes colocar en el archivo : /wp-content/themes/atlas_wp/css/atlas_wp-custom.css
Saludos.
Que tendría que encontrar esto... #rt-feature... ¿localizarlo? para pegar el código... es que no lo encuentro dentro del atlas_wp-custom.css
Hola Nuria,
Tal como indica Jhon, debes editar el archivo /wp-content/themes/atlas_wp/css/atlas_wp-custom.css y añadir "al final" de dicho archivo:
#rt-feature .rt-container { box-shadow: 0px 0px 4px #888888; }
Haz copia de seguridad antes de proceder.
- Copias de Seguridad de WordPress con el plugin XCloner: https://www.webempresa.com/blog/item/688-como-clonar-tu-blog-y-gestionar-copias-de-seguridad-en-wordpress-con-xcloner.html
Saludos
Gracias.