Hintergrundfarbe auf der Kategorie-Seite (Mobile-Version)

Unterstützung
1

Ich möchte diese weißen Bereiche einfärben.

Capture - Categories2
Capture - Categories21080×2220 302 KB

Dies ist der CSS-Code, den ich verwende.

       /* Schriftgröße */
.topic-post {
  font-size: 17px;
}
.topic-list-item:nth-child(even) { background-color: #EEE; } .topic-list-item:nth-child(odd) { background-color: #FFF; }

@mixin boxShadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
  }
// Füge einen Schatten hinter der Themenliste auf der rechten Seite in der Kategorie- und „Neueste“-Ansicht hinzu
// Füge einen Schatten hinter der Kategorienliste auf der linken Seite in der Kategorie- und „Neueste“-Ansicht hinzu
// Füge einen Schatten hinter Themen in der „Neueste“-Ansicht hinzu
.category-list,
.topic-list,
.latest-topic-list {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
   border-radius: 15px;
}

// Erstelle Konversationskarten
.topic-body {
  @include boxShadow;
  background-color: lighten($secondary, 10%);
  margin-top: 3px;
  padding: 10px;
  border-radius: 6px;
}

// Mehr Platz für Avatare
.topic-avatar {
  border-top: 0;
  padding-top: 10px;
  padding-left: 5px;
  .avatar-flair {
    right: 4px;
  }
}
.topic-avatar {
    width: 45px;
    height: 45px; // Erhöht die Breite des Avatar-Containers
    img.avatar { // Erhöht die Größe des Avatars
        width: 40px;
        height: 40px;
    }
}

// Erhöhe den Abstand zwischen Post-Metadaten und Post-Inhalt
.boxed .contents {
  padding: 20px 0 0 0;
}

// Entferne den störenden Rahmen am unteren Rand des letzten Posts
.topic-status-info {
  border-top: 0;
}

.small-action {
  border: none;
}

#topic-closing-info {
  border: none;
}

// Entferne Linien zwischen den Karten
.topic-post article {
  border: none;
}

// Setze auch bei Zitaten einen Schatten
aside.quote {
  @include boxShadow;
}

// RTL-Überschreibungen
.rtl {
  .topic-avatar {
    padding-left: initial;
    padding-right: 20px;
    .avatar-flair {
      right: initial;
      left: 4px;
    }
  }
}
/*Plugin für Signaturen*/
.user-signature {
    display: none;
}
.cooked img {
  max-width: 100% !important;
}
3 
.category-list,
.subcategories-list,
.category-topic-link,
.topic-list,
.topic-list tr,
.latest-topic-list {
  _@include boxShadow;
  background-color: lighten($secondary, 10%) !important;
  border-radius: 15px;
}
4

Danke @Bcat, aber es funktioniert nicht :frowning:

5

Vielleicht ist es am besten, jemanden vom Marketplace zu beauftragen, um Ihr CSS in ein ordentliches Theme zu verwandeln.

6

Danke, ich bin wirklich neu bei Discourse und weiß nicht genau, wie das auf dem Marktplatz funktioniert.

7

Alles in Ordnung. :slight_smile: Poste im Marketplace und erkläre, welche Art von Unterstützung du benötigst und wie dein Budget aussieht. Wenn du einige der anderen Themen durchliest, bekommst du einen Eindruck davon, welche Informationen erforderlich sind.

8

Vielen Dank, das werde ich tun.