Avisos
Vaciar todo
Administración WordPress
14
Respuestas
4
Usuarios
0
Reactions
40
Visitas
Topic starter
Hola,
de tema utilizo generatepress hijo y quisiera saber que tengo que hacer i donde para añadir sombra exterior a un contenedor con codigo css.
Gracias.
Respondido : 15/03/2023 3:15 pm
Hola Oriol,
Disculpa si no comprendo bien la consulta, puedes enviarnos la URL del sitio web donde deseas añadir esta sombra en tu sitio web?, de manera general ten en cuenta que en esta captura que nos envías es para añadir una clase CSS, si deseas añadir las reglas para añadir estos estilos en tu sitio web puedes añadirlos en Apariencia → personalizar → CSS adicional
De igual forma envíanos una captura de la sección donde deseas añadir esto estilos de esta forma podemos revisar con mayor detalle.
Un Saludo
Esta publicación ha sido modificada el hace 3 años 2 veces por Karen Rios
Respondido : 15/03/2023 3:18 pm
Topic starter
Hola,
quiero añadir sombra solo en los 3 primeros contenedores de la pagina principal https://www.allbluediving.com/. ¿Como tengo que hacerlo?
En estos de la foto.
Respondido : 15/03/2023 4:39 pm
Hola Orial,
Cuando mencionas sombra no estamos del todo seguros que es lo que te refieres, si podrías pasarnos un ejemplo, igualmente quisas sea esto?
.gb-button-wrapper.gb-button-wrapper-2d7cb57f {
box-shadow: 5px 5px 9px black;
}
.gb-button-wrapper.gb-button-wrapper-8ee693f7 {
box-shadow: 5px 5px 9px black;
}
.gb-button-wrapper.gb-button-wrapper-59043ceb {
box-shadow: 5px 5px 9px black;
}
Verifica y nos comentas.
Un saludo 🖐️
Respondido : 15/03/2023 5:00 pm
Topic starter
sería como en la foto. Es el trozo inferior de un contenedor.
El codigo que me adjuntas
.gb-button-wrapper.gb-button-wrapper-2d7cb57f {
box-shadow: 5px 5px 9px black;
}
lo añado en CLASE(S) CSS ADICIONAL(ES) del bloque en cuestión?
Perdonar pero aunque domino la informatica en otros campos, no he programado nunca.
Gracias
Respondido : 15/03/2023 5:26 pm
Topic starter
Respondido : 15/03/2023 5:32 pm
Hola Oriol,
Puedes compartirnos la url de esa imagen? es decir en donde lo has visto para poder inspeccionar el código. Lo que te compartí lo agregas en Apariencias > personalizar > css adicional.
Un saludo 🖐️
Respondido : 15/03/2023 5:37 pm
Topic starter
Respondido : 15/03/2023 5:56 pm
Hola Oriol,
El código que utiliza esta página que compartes es este:
box-shadow: 4px 5px 10px 1px #a5a5a5;
--entry-background: #707070;
Entonces utiliza esto:
.gb-button-wrapper.gb-button-wrapper-2d7cb57f {
box-shadow: 4px 5px 10px 1px #a5a5a5;
--entry-background: #707070;
}
.gb-button-wrapper.gb-button-wrapper-8ee693f7 {
box-shadow: 4px 5px 10px 1px #a5a5a5;
--entry-background: #707070;
}
.gb-button-wrapper.gb-button-wrapper-59043ceb {
box-shadow: 4px 5px 10px 1px #a5a5a5;
--entry-background: #707070;
}
Modificas esto por el que te compartí anteriormente, lograras algo similar, la diferencia es que utilizan este otro:
.entry-archive {
box-shadow: 1px 1px 5px 1px #a5a5a5;
}
Para cada imagen por lo que la construcción no es de la misma forma, lo mejor sería no utilizar imágenes circulares para que no se vea un pequeño desajuste en tu imagen.
Un saludo 🖐️
Respondido : 15/03/2023 6:07 pm
Topic starter
Hay alguna manera de entrar un codigo general en Apariencias > personalizar > css adicional como el que me has dado y desde cada bloque del contenedor en CLASE(S) CSS ADICIONAL(ES) añadir algun código para poder activar cada contenedor de manera independiente?
Gracias
Respondido : 15/03/2023 6:28 pm
Hola Oriol,
Las clases son para poder agregar estas al código css que te comparto, igualmente el código que te compartí es único para cada elemento que nos comentas, si necesitas más información sobre códigos css puedes ver nuestro curso:
https://www.webempresa.com/university/curso-css-wordpress/
Un saludo 🖐️
Respondido : 15/03/2023 6:45 pm
Hola Oriol.
Nada, Gracias a ti.
Cualquier consulta que tengas no dudes en comunicarlo.
Un saludo
Respondido : 16/03/2023 9:10 am
