27799 sujets

CSS et mise en forme, CSS3

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 Smiley rolleyes

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)
coucou, pas très propre mais ça marche

document.getElementById('tarteaucitronClosePanel').innerHTML = "";

bonne soirée
Ok merci vzytoi mais bon, histoire de rester en css, j'ai juste mis font-size a zéro. Certainement pas académique mais ça fonctionne. Smiley ravi

#tarteaucitron #tarteaucitronClosePanel {
font-size : 0px!important;
}

Modifié par goudurisc (02 Nov 2021 - 23:17)