Comment rendre les boutons du forum arrondis sur tous les thèmes

Bonsoir,

J’essaie de rendre tous les boutons de mon forum plus arrondis. J’ai utilisé le CSS dans CSS/HTML :

.btn { border-radius: 5px; }

Cela fonctionne dans l’onglet d’aperçu, mais cela ne fonctionne pas sur le forum en direct après avoir inclus le composant sur ces thèmes.

Actuellement sur le forum :

Après utilisation du CSS :

Ici sur Meta, en utilisant le thème Fully, les boutons sont arrondis. Cependant, en utilisant ce thème sur mon forum, ils ne le sont pas.

Essayez ce Theme component

Celui-ci ajoutera des options pour arrondir d’autres éléments comme les citations, les images et plus encore

Mon Dieu ! Je dis toujours à mes utilisateurs d’utiliser la fonction de recherche avant de créer un sujet !

Maintenant, je suis coupable de la même chose ! Je cherchais des « boutons arrondis ». C’était plus compliqué que nécessaire. J’aurais dû simplement chercher « boutons ».

J’ai utilisé ce terme de recherche.

"#theme-component Round"

Vous pouvez également faire

:root {
  --d-button-border-radius: 5px
}

ou

:root {
  --d-border-radius: 5px; 
}

si vous voulez vraiment des coins arrondis partout.

Hmm… encore une fois, les deux ne semblent fonctionner qu’en mode aperçu, même après avoir actualisé le forum et m’être déconnecté et reconnecté.

Plaie ouverte à la vue… où est mon sel

Cinquième coup :

Désolé mon pote, je n’ai pas pu résister à la tentation :rofl:

Après avoir installé un composant et pour l’appliquer, vous devez l’ajouter à vos thèmes, puis actualiser la page.

Après cela, il devrait être visible, que vous soyez connecté ou non.

L’aperçu sert uniquement à tester sans aucun thème actif.

Avez-vous ajouté d’autres composants qui personnalisent également les boutons ?

comme Bords d’image arrondis

Désolé, je répondais au message de @awesomerobot avec le CSS.

Idem pour la création d’un composant personnalisé. Après l’avoir enregistré, vous devez l’ajouter à vos thèmes.

Fait aussi.

Je regarde juste la réponse de @Moin et je ne vois rien qui pourrait entrer en conflit avec le composant personnalisé. Je vais me pencher sur « Style de bouton Discourse ». Je l’avais avant, et pour être honnête, il y avait beaucoup de cases vides, et mon cerveau atteint d’un TDAH n’a pas pu le supporter, haha ! Un simple CSS me suffirait (s’il fonctionnait).

Oui, je l’ai. Donc, cela entre en conflit avec le composant personnalisé ?

Je vais donc devoir créer manuellement du CSS pour les boutons, l’avatar et les images que je souhaite/recherche.

Il y a un réglage « Paramètres des boutons activés », donc probablement

Je dois m’assurer de vérifier toutes les options avant de passer à un autre composant.

Les deux

Intensité des coins du bouton

Intensité des coins de la boîte de style de catégorie

étaient réglés sur 0px.

Désolé d’avoir perdu du temps ! Mais bonne équipe !

C’est bien. Je pense que mon composant couvre actuellement la plupart des boutons, mais je ne connaissais pas cette approche, merci.