CSS per al banner de cookies del plugin Adapta RGPD


Adapta RGPD és un plugin ben complet per a crear les polítiques de cookies, avís legal i altres de forma ràpida al teu lloc web. També té un detector de Cookies i et crea automàticament els textos legals.

Però té un problema, i es que el banner de cookies té un disseny prou millorable.

Tanmateix, podeu personalitzar-lo amb un codi com aquest:

#cookies-eu-banner {
  z-index: 99999999999999 !important;
  background-color: #000;
  color: #333;
  padding: 6px;
  font-size: 0.8em;
  text-align: center;
  min-height: 4rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: white;
	transition: bottom .3s cubic-bezier(.17,.04,.03,.94);
}
#cookies-eu-accept, #cookies-eu-reject, #cookies-eu-settings {
    padding: 0px 6px!important;
    margin: 0px
}

#cookies-eu-more{color: #DEDE;}

#cookies-eu-accept {
    background-color: green;
    color: black;
	border-color:#277D04; 
    
}


#cookies-eu-accept:hover, #cookies-eu-reject:hover, #cookies-eu-settings:hover{
	background-color: white;
	color:black;
}

Més informació en el lloc web oficial d’Adapta RGPD.

Ràpid i minificat per a inserir en el functions.php:

add_action('wp_head', 'cookiesHeader'); 
function cookiesHeader(){ 
?> 
<style>
#cookies-eu-banner{z-index:99999999999999!important;background-color:#0059a0;padding:6px;font-size:.8em;text-align:center;min-height:4rem;position:fixed;bottom:0;width:100%;color:#fff;transition:bottom .3s cubic-bezier(.17,.04,.03,.94)}#cookies-eu-accept,#cookies-eu-reject{padding:0 6px!important;margin:0}#cookies-eu-more{color: #DEDE;}#cookies-eu-accept{background-color:#fff;color:#000;border-color:#277d04}</style>
 <?php 
};


Deixa un comentari

L’adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *

Información básica sobre protección de datos Ver más

  • Responsable: Jordi Juan Pérez.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a NICALIA que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad