Hier sind meine CSS-Änderungen zur Verbesserung der mobilen Ansicht.
Ich liebe dieses Theme absolut, aber mir sind ein paar kleine, unbedeutende Details aufgefallen, daher habe ich auch die folgenden CSS-Änderungen vorgenommen, um es aus meiner Sicht etwas schöner aussehen zu lassen. Ich hoffe, das hilft jemand anderem mit den gleichen Vorlieben.
Hier ist das Original (unbearbeitet)
Beachten Sie Folgendes auf dem obigen Bild:
- Die Zahl 1, die die Antworten darstellt, ist zu weit links.
- Die Themenblase überlappt leicht den blauen Hintergrund.
- Es gibt keinen Abstand zwischen dem gesamten Inhalt und dem blauen Hintergrund.
- Der blaue Hintergrund sieht auf der Kategorieseite nicht gut aus. Auf der Startseite gefällt er mir jedoch.
Hier ist der CSS-Code, den ich im Tab Mobile hinzugefügt habe.
/* Fügt etwas Abstand zum Bereich Kategorie, Unterkategorie, Tags, Suche, Neueste, Neues Thema und Benachrichtigungen hinzu */
.list-controls {
padding: 5px;
}
/* Fügt etwas Abstand zum Themenbereich hinzu */
div#list-area {
padding: 6px;
}
/* Richtet die Anzahl der Antworten weiter nach rechts aus */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Aktualisiert (nach dem Hinzufügen des CSS)
Wenn Sie den blauen Hintergrund ebenfalls entfernen möchten, finden Sie hier den Code, um ihn nur von den Kategorieseiten zu entfernen.
/* Entfernt den blauen Hintergrund nur für Kategorien */
html .category .background-container {
background: #fff;
clip-path: none;
}
