¿Cambiar la opacidad del cuadro del banner?

Desarrollador
1

¿Es posible cambiar la opacidad del cuadro del banner?

2 Me gusta
2

@JamesDb

Usando la configuración del tema banner_box_background_color, puedes introducir un valor rgba(). Puedes usar un generador como este y copiar y pegar el valor RGBA para esa configuración.

Alternativamente, puedes añadir CSS personalizado a tu tema para aplicar la propiedad opacity:

.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    opacity: 0.5; // usa un valor entre 0 y 1
}

Aunque el enfoque CSS anterior cambiará la opacidad del contenido (reduciendo la opacidad del texto).

2 Me gusta
3

¿Hay alguna forma de mantener la variable, por ejemplo var(--secondary), pero añadirle una opacidad?

Porque quiero que se adapte al modo claro y oscuro

Editar: Ya intenté rgba(var(--secondary), 0.5)

2 Me gusta
4

Creo que esto debería funcionar (aunque no lo he probado):

rgba(--var(--secondary-rgb), 0.5)
1 me gusta
5

No funciona. Simplemente elimina el color por completo.

1 me gusta
6

Hmm, ya veo por qué. El código necesita usar la propiedad background-color para admitir eso, pero usa background.

Si agregas esto a tu CSS temático, debería funcionar:


.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    background-color: rgba(var(--secondary-rgb), 0.5);
}
3 Me gusta
7

¡Genial, funcionó, gracias!

3 Me gusta
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.