Kategorie-Boxen Bildausrichtung Problem

Hallo, ich benutze das Air Theme, das großartig aussieht!

Ich habe meine Kategorien als Boxen eingestellt. Wenn ich ein Bild mit 200 x 200 Pixel hochlade, passt es nicht gut. Ich bin mir nicht sicher, welches CSS ich bräuchte, um es wie die Box rechts aussehen zu lassen, aber mit meinem Bild. So dass die Farbe bis zu den Rändern geht, genau wie die auf der rechten Seite.

Nur ein Update. Das steht auf dem Upload-Bildschirm – Seitenverhältnis 1:1 empfohlen, Mindestgröße 200 Pixel. Wenn leer gelassen, wird kein Bild angezeigt. – Ich habe es auch auf 1000 x 1000 eingestellt und es gibt keine Änderung, daher glaube ich, dass dies ein Problem mit der Funktionsweise des Themes sein könnte. Abgesehen davon, dass das Bild nicht bis zum Rand der Box angezeigt wird, wird auch ein Teil des vorherigen blauen Hintergrunds hinter meinem Bild angezeigt.

Irgendwelche Gedanken oder Ideen?

Hallo – ist das auf Ihrem gehosteten Testzeitraum? Wenn ja, können Sie die CSS auf unserem Starter-Plan leider nicht bearbeiten.

1 „Gefällt mir“

Hallo Hawk,

Danke für deine Antwort.

Nein, ich habe eine frische, selbst gehostete Installation mit dem Air Theme. Ich glaube, es gibt ein Problem mit dem Theme bei der korrekten Ausrichtung der Bilder. Ich habe lediglich meine Datei im empfohlenen Verhältnis hochgeladen und das angezeigte Ergebnis ist, wie du oben siehst.

Es wäre schön, wenn das Bild bis zu den Rändern angezeigt würde, wie es im Platzhalter geschieht, bevor Bilder hochgeladen werden. Wenn nicht, sollten zumindest nicht die blauen Überreste des Platzhalters hinter meinem Bild sichtbar sein.

Ich bin gerne bereit, CSS-Code irgendwo einzufügen, bin mir aber nicht sicher, wo und welchen Code ich dort einfügen soll. Wie gesagt, ich glaube, es könnte etwas mit dem Theme nicht stimmen, das die hochgeladene Datei nicht korrekt anzeigt.

Es gibt einen margin-top: .5em im übergeordneten Div, der das übergeordnete Element und das untergeordnete Bild nach unten verschiebt.

Sie können versuchen, dieses Verhalten zu überschreiben:

 categories-list .category .category-logo.aspect-image {
    margin-top: 0;
}

Ich denke jedoch, dass dieses Problem eine offizielle Lösung haben sollte.

2 „Gefällt mir“

Hallo Coin-coin le Canapin,

Vielen Dank für den CSS-Code. Ich bin mir nicht sicher, wo ich das hinzufügen soll. Ich habe online gesucht und glaube, ich muss es als Komponente zum Air-Theme hinzufügen. Was ich getan habe und als ich es aktiviert habe, hat es keine Veränderung bewirkt. Wahrscheinlich mache ich es falsch.

Ich stimme zu, ich denke, das muss beim Theme betrachtet werden. Ich werde vielleicht einen Beitrag auf der Theme-Seite machen und sehen, ob es behoben werden kann.

Hallo Hawk,

Gibt es eine Möglichkeit, jemanden aus dem Air Theme-Team in diesem Beitrag zu markieren, um eine Lösung für dieses Problem zu finden?

Ich habe das CSS ausprobiert, das von einem anderen Benutzer in diesem Beitrag erwähnt wurde, aber es schien nicht zu funktionieren.

Viele Grüße
Bec

Hallo Bec, ich habe einen Designer damit beauftragt, sich das anzusehen, kann Ihnen aber leider keinen Zeitrahmen nennen, da es Wochenende ist.

1 „Gefällt mir“

Kein Problem. Vielen Dank.

1 „Gefällt mir“

Hallo! Vielen Dank für die Meldung. Ich werde mir das ansehen und Ihnen bald eine Antwort geben oder den Fix für das Theme hinzufügen.

1 „Gefällt mir“

Ich habe hier eine Korrektur -\u003e DEV: fix image size by jordanvidrine · Pull Request #49 · discourse/discourse-minimal-category-boxes · GitHub

Wenn Sie die Komponente für moderne Kategorieboxen aktualisieren, die in das Air-Theme installiert ist, sollte dies Ihr Problem beheben.

Danke!

4 „Gefällt mir“

Hallo Jordan,

Vielen Dank. Ja, das hat das Problem behoben, dass der Platzhalter noch im Hintergrund sichtbar war.

Ich frage mich, ob Sie mir sagen können, wie ich mein Bild bis zu den Rändern der Box machen kann, so wie es der Platzhalter tut. Es sieht viel schöner aus und ich hatte erwartet, dass es genauso aussehen würde, wenn ich mein Bild hochlade.

Wenn es CSS gibt, das ich verwenden muss, wo würde es hingehören, da CSS, das ich zuvor versucht habe hinzuzufügen, nicht zu funktionieren schien und ich nicht sicher bin, ob dies daran liegt, dass Änderungen am Thema nicht erlaubt sind oder ob ich einfach nicht weiß, was ich tue, da ich neu bei Discourse bin.

Danke
Bec

Hallo Jordan,
Ich wollte dich nur auf den neuesten Stand bringen.

Eine seltsame Sache ist passiert, als ich die 3. Kategoriebox bearbeitet habe, plötzlich rasteten alle Bilder von selbst ein. Also sieht jetzt alles gut aus.

Vielen Dank nochmals für all deine Hilfe.

Hallo Jordan,\n\nEigentlich wird es ein Problem sein, wenn Sie Kategorien haben, die weniger als 3 in einer Reihe haben. Wenn das dritte Bild in einer Reihe hinzugefügt wird, rastet alles wie in meiner vorherigen Nachricht schön ein. Aber wenn Sie nur zwei in einer Reihe haben, wird das Bild nicht schön in die Box platziert, in die es kommt, sondern als Quadrat. Jetzt habe ich also einige Bilder, die gut aussehen, und einige, die ein quadratisches Bild haben.

1 „Gefällt mir“

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