Riepilogo carrello
Il tuo carrello è vuoto
Prodotti nel carrello: 0
Totale prodotti: € 0,00
Riepilogo carrello
Il tuo carrello è vuoto
Prodotti nel carrello: 0
Totale prodotti: € 0,00
12/06/2025
In questa guda ti spieghiamo come modificare il font (cioè il tipo di carattere) e lo stile del banner dei cookie fornito da LegalBlink.
Perchè non riesci a cambiare il font
Come risolvere
Cosa fa questo codice
Puoi cambiare altre cose?
Dove va messo questo codice
Se usi WordPress
Il cookie banner di LegalBlink viene creato automaticamente con un codice JavaScript, tramite uno script simile a questo:
type="text/javascript" src="https://app.legalblink.it/api/scripts/lb_cs.js">
Questo script genera il banner dinamicamente, cioè dopo che la pagina è stata caricata. Quindi, se provi ad applicare uno stile CSS classico (per esempio nel
del sito), questo viene ignorato o sovrascritto.🎯 Esempio: se scrivi nel tuo file CSS una regola come
#cm_inner { font-family: Arial !important; }
non vedrai alcuna modifica, perché il banner viene "ricreato" dopo, e i tuoi stili non riescono ad agganciarcisi.
Puoi usare questo piccolo codice JavaScript. Serve a dire al browser: "Aspetta che il banner sia visibile, poi applica i miei stili personalizzati."
Copia e incolla questo codice dopo lo script del banner:
window.addEventListener('load', ...): aspetta che la pagina sia caricata completamente (banner compreso).
document.createElement('style'): crea un nuovo blocco di stile CSS.
style.innerHTML = ...: dentro il blocco, inserisce le regole CSS che vogliamo applicare.
document.head.appendChild(style): aggiunge il blocco di stile alla pagina.
Certo! Ecco altri esempi utili:
color: #333 !important;
background-color: #f5f5f5 !important;
#cm_btns button { background-color: #007BFF !important; color: white !important; }
#cm_inner { padding: 20px !important; }
Nel tuo sito, subito dopo lo script del cookie banner. Ecco un esempio completo:
Se usi WordPress, puoi comunque personalizzare il banner dei cookie LegalBlink anche se non sai programmare. Ti spieghiamo passo passo dove inserire il codice per far funzionare le modifiche al font e allo stile del banner.
Alcuni temi WordPress (come Astra, OceanWP, GeneratePress, Divi, ecc.) hanno una sezione per aggiungere codice personalizzato nel footer o nello head della pagina.
Cosa fare:
Vai su Aspetto → Personalizza
Cerca una sezione chiamata “Impostazioni aggiuntive”, “Custom Code”, “Header and Footer Scripts” o simile (dipende dal tema).
Se trovi uno spazio tipo “Script nel footer”, incolla qui il codice di personalizzazione (vedi esempio più sotto).
Salva le modifiche e ricarica il sito.
Team LegalBlink