Haben Sie eine neue Theme-Komponente erstellt und diese zum Air-Theme hinzugefügt?\n\nSie haben meine obigen Mods gesehen. Versuchen Sie, Teile der Theme-Einstellungen zu überschreiben oder wie in meinem obigen Beitrag Mods/Korrekturen hinzuzufügen?
Danke Dan! Ich konnte herausfinden, wie man eine neue Komponente hinzufügt und dann dort benutzerdefiniertes CSS hinzufügt.
1 „Gefällt mir“
Wenn Sie eine Einstellung überschreiben möchten. Verwenden Sie „!important“
Z.B.
.some-selector {
padding-top: 2.5em !important;
{
Ich lerne noch. Discourse ist sehr vielfältig.
2 „Gefällt mir“
Vielen Dank für das tolle Theme. Es funktioniert alles. Aber ich habe die Frage, wie ich das Hintergrundbild ändern kann?
Vielen Dank für die Hilfe.
2 „Gefällt mir“
Erstellen Sie eine Themenkomponente und fügen Sie diese mit Ihrem Hintergrundbild hinzu
.background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-image: url();
background-size: cover;
opacity: 1;
/* background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%); */
clip-path: unset;
background-color: var(--secondary) !important;
}
3 „Gefällt mir“
Hallo Leute,
Gibt es eine Möglichkeit, einige externe Links im Header neben dem Logo hinzuzufügen?
Danke!
Es gibt diesen hier
Und
Es gibt auch einen, der eine Leiste mit Dropdowns unter dem Website-Header hinzufügt
2 „Gefällt mir“
Hallo,
vielen Dank, dass Sie sich die Zeit genommen haben, zu antworten.
Ich habe diese hier verwendet, war aber nicht ganz zufrieden: Custom Top Navigation Links
Ihr zweiter Vorschlag ist genau das, was ich brauche, ich bin wirklich zufrieden mit dem Ergebnis.
Vielen Dank für Ihre Hilfe!
1 „Gefällt mir“
Hallo zusammen,
Entschuldigung für diese doppelte Nachricht, aber gibt es eine Möglichkeit, die Unterkategorien sowohl auf dem Desktop als auch auf dem Mobilgerät anzuzeigen und gleichzeitig die vollständigen Kategorietitel auf dem Mobilgerät anzuzeigen, wenn sie etwas lang sind?
Meine Konfiguration ist KATEGORIEBOXEN MIT UNTERKATEGORIEN, aber ohne die Verwendung von Modern Category + Group Boxes.
Das Ergebnis ist sowohl auf dem Desktop als auch auf dem Mobilgerät großartig, wenn ich die Desktop-Version verwende. Aber mit der mobilen Version kann man das Ende einiger Kategorietitel nicht lesen.
Vielen Dank für Ihre Hilfe!
Können Sie einen Screenshot posten?
Sicher, anbei finden Sie 2 Screenshots von meinem iPhone, eine mobile Version und eine Desktop-Version.
1 „Gefällt mir“
Ich sehe Unterkategorien, die in beiden angezeigt werden. Möchten Sie die Kategoriebeschreibung in beiden haben? Oder den Desktop ohne Beschreibung spiegeln?
Entschuldigen Sie, wenn ich mich nicht klar ausgedrückt habe.
Ich möchte die vollständigen Kategorietitel sehen.
Zum Beispiel haben Sie auf der Desktop-Version „Discussions Générales sur la mode“, aber auf der mobilen Version nur „Discussions Générales“.
1 „Gefällt mir“
Ich bin mir der CSS-Code nicht sofort sicher. Aber Sie sollten den Kategorietitel so umbrechen können, wie auf dem ersten Bild, das Sie gepostet haben.
Versuchen Sie vielleicht, das Element auf dem Desktop zu inspizieren, um zu sehen, ob Sie das verwendete CSS identifizieren können, um den Kategorienamen in 2 Zeilen umzubrechen.
Ich habe einige CSS-Beispiele mit ChatGPT und Claude ausprobiert, zum Beispiel:
.category-box-heading,
.category-box-heading a,
.category-box-heading h3 {
max-width: 100%;
width: 100%;
display: block;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-height: 1.4;
padding: 5px 0;
}
.parent-box-link {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.category-box-heading h3 {
font-size: 16px; /* Passen Sie diesen Wert nach Bedarf an */
}
}
Aber es funktioniert nicht.
Gibt es eine Möglichkeit, die Desktop-Ansicht auf Mobilgeräten zu erzwingen? Es wäre perfekt, Beschreibung und Unterkategorien zu haben.
Danke!
Haben Sie versucht, wie die Desktop-Ansicht auf einem Mobiltelefon aussieht? Auf einigen Mobiltelefonen ist sie nicht gerade großartig.
Vielen Dank für Ihre Antwort.
Ich habe es gerade auf 2 iPhones ausprobiert und es sah so aus.
Genau das suche ich.
Idealerweise möchte ich, dass meine Benutzer diese Ansicht direkt haben, ohne an den Einstellungen zu spielen.
Deaktiviere deine benutzerdefinierte Komponente. Erstelle eine neue Testkomponente in mobilem CSS, versuche es damit:
.category-box-heading h3 {
//* Möglicherweise musst du die 2 Zeilen unten auskommentieren.
// Overflow: unset !important;
// Text-overflow: unset !important;
text-wrap: balance !important;
}
Ich bin ziemlich sicher, dass du keine weiteren CSS-Änderungen benötigst.
Gerade getestet. Funktioniert auch mit meinem Snippet nicht.
Neueste Version des effektiven Codes:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
.topic-list .views {
width: 10% !important;
order: 3 !important;
display: flex !important;
visibility: visible !important;
justify-content: center;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.views {
width: 10% !important;
order: 3 !important;
display: flex !important;
justify-content: center;
align-items: center;
}
2 „Gefällt mir“
