Beschreibung der Kategorie wird in der mobilen Version nicht angezeigt

[Bärbel_Hucke]

Hallo, die Beschreibungen unserer Kategorien werden in der mobilen Version nicht angezeigt. Könntest du mir bitte helfen? Ich bin mit CSS nicht sehr vertraut, lerne aber jeden Tag ein bisschen mehr.

Desktop

Mobil

Vielen Dank für deine Unterstützung.

[Bcat]

Du kannst versuchen, diesen Code zum CSS hinzuzufügen:

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

[Bärbel_Hucke]

Toll, vielen Dank!

Darf ich noch zwei weitere Fragen stellen?

• Ist es möglich, die Beschreibung direkt neben dem Icon einzufügen?
• Wie kann ich die Schriftfarbe im blauen Button ändern? Ich konnte diesen Button in den Farbeinstellungen des Themes nicht finden.

Vielen Dank!

[Bcat]

Diese beiden Elemente sind voneinander getrennt, sodass Änderungen nur über CSS schwierig sind. Oder es könnten viele andere Komponenten beschädigt werden.

Im Allgemeinen ist dies eine vorübergehende Änderung.

Da sich die Hintergrundfarbe des Buttons geändert hat, können wir eine CSS-Klasse verwenden, um die Textfarbe anzupassen:

.list-controls .container #create-topic {
    color: #fff;
}

Die Variable color: Developing Discourse Themes & Theme Components

[Bärbel_Hucke]

Das hilft! Vielen Dank!

[UnitedFreedom (James)]

Hallo @Bcat, vielen Dank für den nützlichen CSS-Code, um Beschreibungen für Mobilgeräte hinzuzufügen.

Ist es möglich, dass die Beschreibung auf Mobilgeräten auf der rechten Seite des Bildes erscheint und nicht darunter?

So wie hier?

[Jack_Sparrow]

Sollte mit einfachem CSS möglich sein.
Bild nach links floaten und die Position des übergeordneten Divs relativ setzen.

[John_Shankman]

@Bcat

@media only screen and (max-width: 601px){
    .category-list.with-topics .category-list-item .category-description {
        display: table-row;
    }
}

Gott segne deine Seele dafür