Le bouton "Cliquez ici pour activer votre compte" est désactivé

Soutien
1

J’utilise Discourse depuis quelques années sans problème. Il est hébergé sur un droplet Digital Ocean.
Cependant, dernièrement, quelques personnes m’ont signalé que le clic sur le bouton « Cliquez ici pour activer votre compte » ne fonctionnait pas.
Comment puis-je résoudre ce problème ?

1 « J'aime »
2

Je n’ai pas beaucoup d’informations ici pour identifier le problème, mais d’après la description, il semble qu’il puisse s’agir d’une sorte de suivi d’e-mails ou d’un conflit de thème en place…
Quel fournisseur de messagerie utilisez-vous avec votre site Discourse ?
Offrent-ils une sorte de service de suivi d’e-mails ?
Si oui, ce service est-il activé ?
Il est possible qu’un tel service soit bloqué par un bloqueur de publicités ou un navigateur axé sur la confidentialité, ce qui expliquerait ce comportement, mais dans ce cas, la page d’activation du compte elle-même ne se chargerait pas si le lien est modifié par le tracker, cela ne devrait pas réellement empêcher quelqu’un de cliquer sur le bouton d’activation une fois la page chargée.
Avez-vous installé un thème/composant de thème qui pourrait entrer en conflit avec la page ?
Avez-vous des journaux d’erreurs de navigateur des utilisateurs concernés ?

1 « J'aime »
3

Merci pour votre réponse.
Le service de messagerie est géré par l’un de mes hébergeurs, et il n’offre aucun suivi. Il est très basique mais a été fiable.
C’est essentiellement que le bouton est là, mais inactif. Qu’est-ce qui détermine si ce bouton est « actif » ou non ?
C’est un miracle qu’un utilisateur ait signalé le problème, obtenir des journaux serait comme voir une licorne !

1 « J'aime »
4

Ok, c’était une modification de mon CSS qui a apparemment causé le problème. Je ne suis pas sûr de la façon dont l’un pourrait affecter l’autre, mais voici la section de mon CSS qui, lorsqu’elle est supprimée, résout le problème. J’essayais de rendre l’en-tête un peu plus sombre.

header::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.2);
}