Luft-Thema

Ich glaube, Sie können eine neue Theme component erstellen und die Schriftarten überschreiben.

Dieser Computer kann vielleicht modifiziert werden, oder Sie finden Schriftarten bei Google Fonts, die Ihnen gefallen.

.Google Fonts

Den Header können Sie meiner Meinung nach mit CSS ansprechen und anpassen.

Vielleicht nicht ganz das, was Sie suchen. Aber vielleicht von Interesse.

Hallo zusammen
Vielen Dank für ein tolles Theme!
Ich habe nur ein Problem. Mir ist aufgefallen, dass einige der Profil-Einstellungen-Tabs auf Mobilgeräten keinen soliden Hintergrund haben, was sie etwas seltsam aussehen lässt. Siehe Bild unten als Referenz:

Die Fehlerseite in der mobilen Version macht dasselbe. Auf dem Desktop/Tablet ist alles in Ordnung, aber die mobile Version scheint eine andere CSS zu haben?

Weiß jemand vielleicht, wie/wo ich das ändern kann? Ich habe keinen Programmierhintergrund, müsste ich dafür einen Entwickler beauftragen?

1 „Gefällt mir“

Hier ist ein Beispiel dafür, wie es auf Tablets/Mobilgeräten aussieht und wie die meisten anderen Tabs aussehen:

1 „Gefällt mir“

Willkommen bei Meta! :wave:

Ich glaube nicht. Dies ist ein #official-Theme, daher wird es vom Discourse-Team gepflegt. Aber auch andere Themes, die hier geteilt werden, werden oft vom Maintainer behoben, wenn Sie ein Problem melden.

Ich kann Ihr Problem hier reproduzieren. Es sieht noch schlimmer aus als auf Ihrem Screenshot, da die Nachrichten Vorschau breiter ist als mein Bildschirm.

1 „Gefällt mir“

Weiß jemand, wie man td-class ausblendet?

1 „Gefällt mir“

Sie können dieses CSS ausprobieren:

.topic-list {
    .topic-list-header .posts,
    .topic-list-body .posts {
        display: none !important;   
    }
}

2 „Gefällt mir“

Ja, ich habe versucht, sie auf diese Weise zu verstecken. Normale divs werden versteckt, aber es funktioniert nicht mit td. Ich habe mehrere Optionen ausprobiert:

.td.num.posts... {
        display: none;
}

.td:num.posts... {
        display: none;
}
1 „Gefällt mir“

Ich habe mein CSS getestet und es funktioniert bei mir. Hast du es getestet?

Für dieses Theme fehlt das !important.

3 „Gefällt mir“

Danke @chapoi

.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
	display: none;

}

3 „Gefällt mir“

Oben ist etwas leerer Platz. Gibt es eine Möglichkeit, ihn zu entfernen? Ich kann nichts mit dem Elementinspektor finden.


Und ich möchte die Breite des Blocks mit dem Themainhalt erhöhen

@jordan.vidrine

Es gibt einen margin-top in der Klasse main-outlet.

Du solltest Folgendes hinzufügen:

html body #main-outlet {
  margin-top: 0;
}

Das habe ich noch nie benutzt, aber es gibt eine Einstellung für die topic-width im CSS, in einem Root-Element.

Füge Folgendes hinzu, es sollte alles andere anpassen:

:root {
  --topic-body-width: 750px;
}
1 „Gefällt mir“

Das ist etwas nicht richtig

Gleichzeitig sieht es normal aus. Danke

.container.posts {
    grid-template-columns: 90% 10%;
}

Danke fürs Teilen! Ich werde mir das bald ansehen.

1 „Gefällt mir“

Dies wurde im neuesten Merging eines PR behoben.

1 „Gefällt mir“

Bitte sagen Sie mir, wie ich das Hintergrundbild wie dieses mit symmetrisch abgerundeten Ecken zuschneiden kann.

Jetzt sieht der Code so aus:

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
    background-size: cover;

}
1 „Gefällt mir“

Sie müssen die clip-path-Eigenschaften bearbeiten. Mehr darüber erfahren Sie auf Seiten wie css-tricks.

2 „Gefällt mir“

Wenn ich das Theme hier bei Meta verwende, sind die Symbole vor „Zitat“, „Bearbeiten“, „Zitat kopieren“ und „KI fragen“ unsichtbar.
image

1 „Gefällt mir“

Hmm, welches Farbschema verwendest du? Der Hintergrund dafür ist nicht das, was das Thema verwendet.

WCAG Light hat definitiv das Problem, aber ich habe zu „Theme Standard“ gewechselt


und es war immer noch dasselbe. Ich habe aktualisiert, um zu prüfen, ob das Farbschema gespeichert wurde, und hoffe daher, dass es nicht von meinem Problem mit dem Ändern von Farbschemata betroffen ist. Das Blau im Hintergrund war heller, nachdem ich zum Standardfarbschema gewechselt hatte.

2 „Gefällt mir“