So machen Sie Forums-Schaltflächen in allen Themenbereichen rund

Guten Abend,

Ich versuche, alle Schaltflächen in meinem Forum abgerundeter zu machen. Ich habe das CSS in CSS/HTML verwendet:

.btn { border-radius: 5px; }

Dies funktioniert im Vorschaufenster, aber nicht im Live-Forum, nachdem die Komponente in diese Themes aufgenommen wurde.

Derzeit im Forum:

Nach Verwendung von CSS:

Hier auf Meta, mit dem Fully-Theme, sind die Schaltflächen abgerundet. Wenn ich dieses Theme jedoch in meinem Forum verwende, sind sie es nicht.

3 „Gefällt mir“

Probieren Sie diese Theme component aus

Diese fügt Optionen hinzu, um andere Dinge wie Zitate, Bilder und mehr abzurunden

6 „Gefällt mir“

Mein Gott! Ich sage meinen Benutzern immer, sie sollen die Suchfunktion nutzen, bevor sie ein Thema erstellen!

Jetzt bin ich selbst schuldig! Ich habe nach „runden Schaltflächen“ gesucht. Es war komplizierter als nötig. Ich hätte einfach nach „Schaltflächen“ suchen sollen.

2 „Gefällt mir“

Nun, ich habe diesen Suchbegriff verwendet.

"#theme-component Round"
1 „Gefällt mir“

Sie können auch Folgendes tun:

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

oder

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

wenn Sie wirklich überall abgerundete Ecken haben möchten.

3 „Gefällt mir“

Hmm… wieder scheinen beide nur im Vorschau-Modus zu funktionieren, selbst nach dem Aktualisieren des Forums und dem An- und Abmelden.

Offene Wunde in Sicht… wo ist mein Salz

Fünfter Treffer:

Entschuldige, Kumpel, ich konnte der Versuchung einfach nicht widerstehen :rofl:

1 „Gefällt mir“

Nachdem Sie eine Komponente installiert haben und sie anwenden möchten, müssen Sie sie zu Ihren Themes hinzufügen und die Seite dann aktualisieren.

Danach sollte sie sichtbar sein, egal ob Sie angemeldet sind oder nicht.

Die Vorschau dient nur zum Testen, ohne dass Themes aktiv sind.

1 „Gefällt mir“

Haben Sie weitere Komponenten hinzugefügt, die ebenfalls die Schaltflächen anpassen?

wie Rounded Image Borders

1 „Gefällt mir“

Entschuldigung, ich habe auf den Beitrag von @awesomerobot mit dem CSS geantwortet.

1 „Gefällt mir“

Das Gleiche gilt für die Erstellung einer benutzerdefinierten Komponente. Nachdem Sie sie gespeichert haben, müssen Sie sie zu Ihren Themes hinzufügen.

Das wurde auch erledigt.

Ich schaue mir gerade @Moins Antwort an und sehe nichts, was mit der benutzerdefinierten Komponente in Konflikt geraten würde. Ich werde mich eingehend mit „Discourse Button Style“ befassen. Ich hatte das schon einmal und ehrlich gesagt gab es viele leere Felder, und mein ADHS-Gehirn konnte damit nicht umgehen, haha! Ein einfaches CSS würde mir reichen (wenn es funktionieren würde).

Ja, das habe ich. Das steht also im Konflikt mit der benutzerdefinierten Komponente?

Ich muss also manuell CSS für die Schaltflächen, Avatare und Bilder erstellen, die ich haben/ansehen möchte.

Es gibt eine Einstellung „Button-Einstellungen aktiviert“, also wahrscheinlich

1 „Gefällt mir“

Ich muss sicherstellen, dass ich alle Optionen prüfe, bevor ich zu einer anderen Komponente wechsle.

Sowohl

Button-Eckenintensität

Kategorie-Stil-Box-Eckenintensität

wurden auf 0px gesetzt.

Entschuldigung, dass ich Zeit verschwendet habe! Aber gute Teamarbeit!

1 „Gefällt mir“

Das ist schön. Ich denke, meine Komponente deckt derzeit die meisten Schaltflächen ab, aber ich kannte diesen Ansatz nicht, danke.

2 „Gefällt mir“

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.