Guide › Modificare il Cookies banner di Jimdo

 

Il nuovo Cookies banner di Jimdo sta causando non pochi malumori tra gli utenti, a causa delle sue notevoli dimensioni e della sua complessità, che lo rende non solo poco funzionale (seppure a norma del GDPR), ma anche difficile da modificare. Ho creato "al volo" un codice per adattare il Cookies banner a questo sito: riporto questo codice “così com'è”, perché possa essere d’aiuto a quanti desiderano modificarlo. In particolare evidenzio che ne ho ridotto le dimensioni semplicemente adattando i contenuti al suo interno (rimpicciolendo, cioè, i testi e i pulsanti). Il risultato da mobile pare più che accettabile e il pulsante “Accetta tutti i cookies” è molto più in risalto rispetto al pulsante “Accetta solo i cookies selezionati”.

 

 


 

 

Attenzione! Ovviamente sul mio sito ho personalizzato ulteriormente colori e font; questo è un lavoro più da esperti. Il codice fornito qui sotto sistema soltanto le dimensioni del banner, come spiegato sopra. Puoi inserirlo in Impostazioni > Modifica head.

 

 

<style>

/* <![CDATA[ */

 

    .cc-individual-cookie-settings-texts p {

        max-height: 101px !important;

        font-size: 11px !important;   /* Riduce la dimensione del testo legale */

    }

    .cc-individual-cookie-settings-categories .category-list .category {

        padding: 5px 8px !important;   /* Riduce il padding dell'elenco delle categorie */

    }

    .cc-individual-cookie-settings-categories .category-list .category .name {

        font-size: 11px !important;   /* Riduce la dimensione del testo delle categorie */

    }

    

    .cc-individual-cookie-settings-categories .category-list .category .toggle {

        height: 16px !important;   /* Riduce la dimensione dello switch delle categorie */

        border-radius: 50px !important;

    }

    .cc-individual-cookie-settings-categories .category-list .category .toggle .ball {

        height: 10px !important;   /* Riduce la dimensione del pallino dello switch */

        border-radius: 50px !important;

    }

    .cc-individual-cookie-settings-categories .category-list .category .toggle[data-value] .fill {

        height: 16px !important;   /* Riduce la dimensione dello switch delle categorie se selezionato */

        border-radius: 50px !important;

    }

    

    .cc-individual-cookie-settings-actions .btn {

        border: none !important;   /* Toglie il bordo grigio al pulsante "Solo cookies selezionati" */

        background: none !important;

        font-size: 11px !important;   /* Riduce la dimensione del testo di tale pulsante */

        color: red !important;   /* Imposta tale testo in rosso */

 

        font-weight: normal !important;   /* Toglie il grassetto a tale testo */

        padding: 7px 10px !important;   /* Riduce il padding di questo pulsante */

    }

    .cc-individual-cookie-settings-actions .btn:hover {

        background: rgba(255,0,0, .1) !important;   /* Colora di rosso il pulsante quando ci si passa sopra */

    }

    

    .cc-individual-cookie-settings-actions .btn-primary {

        background: #1BA9E1 !important;   /* Sistema lo sfondo del pulsante "Tutti i cookies" */

        color: #fff !important;   /* Colora di bianco il testo del pulsante */

        border: none !important;   /* Toglie il bordo grigio al pulsante */

        font-size: 13px !important;   /* Sistema le dimensioni del testo di tale pulsante */

        font-weight: bold !important;   /* Mette tale testo in grassetto */

        padding: 12px 15px !important;   /* Sistema il padding di questo pulsante */

        text-transform: uppercase !important;   /* Rende questo testo tutto maiuscolo */

    }

    .cc-individual-cookie-settings-actions .btn-primary:hover {

        background: #1BA9E1 !important;

        color: #fff !important;

        opacity: .8 !important;   /* Rende traslucido questo pulsante al passaggio del mouse */

    }

 

/*]]>*/

</style>

Aspetta!



Questo codice è stato sviluppato in quattro e quattr’otto per la community di Jimdo, per risolvere un problema comune a tanti. Come sempre, l’ho reso a disposizione di tutti gratuitamente. Ti sarei grato, però, se volessi sostenere i miei studi e le mie attività con una donazione anche piccola. Grazie!



Sostienimi


Hai trovato l'articolo utile?        No