Avisos
Vaciar todo

poner sombra a slider página de inicio tema atlas

9 Respuestas
4 Usuarios
0 Reactions
2,307 Visitas
Respuestas: 251
Reputable Member
Topic starter
 

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


 
Respondido : 11/08/2014 1:22 pm
Lorena
Respuestas: 1698
Noble Member Moderator
 

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.


 
Respondido : 11/08/2014 2:35 pm
Respuestas: 251
Reputable Member
Topic starter
 

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


 
Respondido : 12/08/2014 11:00 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 12/08/2014 11:11 pm
Respuestas: 251
Reputable Member
Topic starter
 

No tengo ese plugin instalado, entiendo por tanto..., que debo desinstalar el que pusé que era "MetaSlider" y poner el plugins NivoSlider??
Gracias


 
Respondido : 19/08/2014 4:20 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 19/08/2014 7:03 pm
Respuestas: 251
Reputable Member
Topic starter
 

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


 
Respondido : 19/08/2014 11:17 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 19/08/2014 11:26 pm
Respuestas: 251
Reputable Member
Topic starter
 

Gracias.


 
Respondido : 29/09/2014 9:55 pm