Avisos
Vaciar todo

[Resuelto] Sombra exterior en contenedor  

 
Oriol
 Oriol
Usuario eminente

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.

 

bloque
Respondido : 15/03/2023 3:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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 2 años 2 veces por Karen Rios
Respondido : 15/03/2023 3:18 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Oriol
 Oriol
Usuario eminente

@karen

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.

190
Respondido : 15/03/2023 4:39 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

Cursos Gratuitos WordPress

Oriol
 Oriol
Usuario eminente

@argenis

sería como en la foto. Es el trozo inferior de un contenedor.

-- attachment is not available --

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
Oriol
 Oriol
Usuario eminente
image
Respondido : 15/03/2023 5:32 pm

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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
Oriol
 Oriol
Usuario eminente

@argenis

URL: https://www.viviendodeviaje.com/tailandia/

 

Gracias

Respondido : 15/03/2023 5:56 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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
Oriol
 Oriol
Usuario eminente

@argenis

Ok.

Muchas gracias.

Respondido : 15/03/2023 6:12 pm

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

Oriol
 Oriol
Usuario eminente

@argenis

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
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

wpdoctor-revisa-la-salud-de-tu-wordpress

Oriol
 Oriol
Usuario eminente

@argenis

OK. Muchas gracias.

Respondido : 16/03/2023 7:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oriol.

Nada, Gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

 

Respondido : 16/03/2023 9:10 am

Cursos Gratuitos WordPress