Mod für Air Theme-Unterstützung, der online ist Plugin
Erstelle Theme component
Bearbeite das allgemeine CSS und füge diesen Code hinzu
// Whis Online Customization
.discovery-list-container-top-outlet.online_users_widget {
display: flex;
padding-top: .38em;
background-color: var(--secondary);
border: 1px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
Komponente im Air-Theme aktivieren
Ergebnis: Zuvor wurde dies ohne Hintergrundfarbe oder Rahmen angezeigt, was das Lesen erschwerte
Es gibt ein paar Bereiche, die ich beheben möchte und die dieses Problem haben.
Beispiel gezeigt in meinem vorherigen Beitrag.
EDIT Zusätzliche Korrektur für das globale Banner Problem
Zusätzliche Informationen zu den Spezifikationen des globalen Banners:
//global banner image fix
#banner img {
width: 100%;
height: auto;
}
Besonderer Dank an @awesomerobot für die Bereitstellung dieses Code-Snippets