Bonjour à tous ! Je voudrais savoir comment personnaliser mon bouton d’inscription. Je veux changer la couleur de mon bouton d’inscription uniquement en vert et pas celle de tous les boutons de l’en-tête.
Je suis sur un forum hébergé par Discourse, désolé si c’est une question de débutant, je suis vraiment débutant et j’ai passé toute la nuit à essayer de comprendre cela.
J’utilise le thème AIR.
Salut !
Je ne suis pas sûr de la gamme d’options dont vous disposez sur les forums hébergés, mais je suppose que vous avez la section Personnaliser dans le panneau d’administration.
Dans votre thème, modifiez CSS/html et dans Commun ajoutez ceci :
.d-header .sign-up-button {
background: #48bb6a;
}
Si cela ne fonctionne pas, vous devrez peut-être ajouter !important pour vous assurer que cette couleur a la priorité, comme ceci :
.d-header .sign-up-button {
background: #48bb6a !important;
}
Salut @Steven merci, ça a fonctionné ! Le truc, c’est que je n’ai vu aucune variable d’inscription. Je dois me familiariser avec les variables pour le CSS et comment les trouver en HTML. Merci !
Trouver des variables peut être délicat. Ce qui m’a beaucoup aidé à progresser, c’est la fonctionnalité Inspecter dans les navigateurs, vous pouvez explorer le code et le CSS et essayer quelques changements en direct.
Dans ce cas, les développeurs de Discourse ont ajouté une classe spécifique pour les boutons d’inscription et de connexion, ce qui est utile.
Mais n’hésitez pas à demander ici, la communauté essaiera toujours d’aider.
@Steven C’est génial !!! Merci beaucoup ! Mon bouton d’inscription est passé au vert !
J’ai utilisé l’outil d’inspection et je me demandais s’il y avait un moyen de changer le nom du bouton de menu « Toutes les balises » en quelque chose comme « Outils LFX » pour mon cas d’utilisation. Je comprends que je devrai peut-être trouver cela dans le HTML étant donné que tout le forum est basé sur les balises, à quel point pensez-vous qu’il serait compliqué de changer le nom de la fonctionnalité de balise en outils ?
Ce texte particulier peut être modifié dans le panneau d’administration : Personnaliser > Textes
Tapez ceci dans la barre de recherche : js.tagging.selector_all_tags
Et validez le texte
Mais pour répondre à votre question dans un contexte général, la modification d’un texte est faisable mais délicate avec CSS. J’utilise généralement le sélecteur de contenu dans une classe ::before ou ::after.
https://www.w3schools.com/cssref/sel_before.asp
Si nous n’avions pas la possibilité de modifier le texte, je ne suis pas un expert mais je ferais quelque chose comme ceci.
Premièrement, je cache le texte tous les tags :
summary.tag-drop-header .name {
font-size: 0;
}
Ensuite, je crée une nouvelle classe CSS, avec du contenu pour ajouter le texte que je veux, et je dois spécifier la taille de la police pour remplacer le réglage précédent :
summary.tag-drop-header .name::after {
content: "LFX Tools";
font-size: 15px;
}
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.