È possibile modificare l’opacità della casella del banner?
2 Mi Piace
Utilizzando l’impostazione del tema banner_box_background_color puoi inserire un valore rgba(). Puoi usare un generatore come questo e copiare e incollare il valore RGBA per quell’impostazione.
In alternativa, puoi aggiungere del CSS personalizzato al tuo tema per applicare la proprietà opacity:
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
opacity: 0.5; // usa un valore tra 0 e 1
}
Sebbene l’approccio CSS sopra indicato modifichi l’opacità anche per i contenuti (riducendo l’opacità del testo)
2 Mi Piace
C’è un modo per mantenere la variabile, ad esempio var(--secondary), ma aggiungervi un’opacità?
Perché voglio che si adatti alla modalità chiara e scura
Modifica: ho già provato rgba(var(--secondary), 0.5)
2 Mi Piace
Credo che questo dovrebbe funzionare (anche se non l’ho testato):
rgba(--var(--secondary-rgb), 0.5)
1 Mi Piace
Non funziona. Rimuove completamente il colore.
1 Mi Piace
Hmm, capisco perché. Il codice deve utilizzare la proprietà background-color per supportarlo, ma utilizza background.
Se aggiungi questo al CSS del tuo tema, dovrebbe funzionare:
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
background-color: rgba(var(--secondary-rgb), 0.5);
}
3 Mi Piace
Fantastico, ha funzionato grazie!
3 Mi Piace
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.