Bonsoir,
Pour être en accord avec la CNIL, j'utilise le plugin d'Amauri C. en version Open Source qui est vraiment top, complet et simple à installer et surtout, mis à jour sur Github par l'auteur.
Mais il faut reconnaître que le style de base est un peu rustique et il faut repasser un peu derrière le CSS. Ce que j'ai fait avec mes maigres connaissance.
Mais je ne parviens pas à me débarrasser des lettres du bouton "Fermer" que j'ai remplacé par une croix. Ce texte n'est pas dans un pseudo-element je crois.
Le site est ici : https://www.lecercleextravagant.com/ et il faut cliquer sur "Paramétrer" pour visualiser la fenêtre avec mon bouton fermer.
Je pensais que ce serait facile de caser un display:none
CSS actuel
Modifié par goudurisc (01 Nov 2021 - 21:56)
Pour être en accord avec la CNIL, j'utilise le plugin d'Amauri C. en version Open Source qui est vraiment top, complet et simple à installer et surtout, mis à jour sur Github par l'auteur.
Mais il faut reconnaître que le style de base est un peu rustique et il faut repasser un peu derrière le CSS. Ce que j'ai fait avec mes maigres connaissance.
Mais je ne parviens pas à me débarrasser des lettres du bouton "Fermer" que j'ai remplacé par une croix. Ce texte n'est pas dans un pseudo-element je crois.
Le site est ici : https://www.lecercleextravagant.com/ et il faut cliquer sur "Paramétrer" pour visualiser la fenêtre avec mon bouton fermer.
Je pensais que ce serait facile de caser un display:none
CSS actuel
#tarteaucitron #tarteaucitronClosePanel {
color: #FFF !important;
position: absolute !important;
top: 50px !important;/*Position haut*/
right: 35px !important;/*Position droite*/
width: 0px !important;/*Ecart des deux diagonales depuis la droite*/
height: 0px !important;
z-index: 999 !important;
cursor: pointer !important;
}
#tarteaucitron #tarteaucitronClosePanel:before {
content: '' !important;
position: absolute !important;
top: 0px !important;
width: 30px !important;
height: 2px !important; /*Graisse trait*/
background-color: currentColor !important;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
#tarteaucitron #tarteaucitronClosePanel:after {
content: '' !important;
position: absolute !important;
top: 0px !important;
width: 30px !important;
height: 2px !important; /*Graisse trait*/
background-color: currentColor !important;
-webkit-transform: rotate(45deg) !important;
transform: rotate(45deg) !important;
}
Modifié par goudurisc (01 Nov 2021 - 21:56)