Avisos
Vaciar todo

poner sombra a slider página de inicio tema atlas  

 
Nuria Carmen
 Nuria Carmen
Reputable Member

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

Citar
Respondido : 11/08/2014 2:22 pm
Lorena
 Lorena
Miembro 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.

ResponderCitar
Respondido : 11/08/2014 3:35 pm

Cursos Gratuitos WordPress

Nuria Carmen
 Nuria Carmen
Reputable Member

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

ResponderCitar
Respondido : 13/08/2014 12:00 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 13/08/2014 12:11 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Nuria Carmen
 Nuria Carmen
Reputable Member

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

ResponderCitar
Respondido : 19/08/2014 5:20 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 19/08/2014 8:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Nuria Carmen
 Nuria Carmen
Reputable Member

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

ResponderCitar
Respondido : 20/08/2014 12:17 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 20/08/2014 12:26 am

Nuria Carmen
 Nuria Carmen
Reputable Member

Gracias.

ResponderCitar
Respondido : 29/09/2014 10:55 pm