Wie füge ich CSS zu bestimmten Seiten hinzu? Feed

[flash]

Ich möchte nur einige Änderungen an der Feed-Seite vornehmen. Ich verwende nur das Standardthema.

Wenn der Kommentar des Benutzers erweitert ist und ein Bild vorhanden ist, ist das Bild nicht responsiv und läuft auf dem mobilen Safari-Browser von der Seite.

Dies schien es zu beheben, aber ich bin mir nicht sicher, ob es auf anderen Seiten Probleme geben wird.

.lightbox-wrapper img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: auto;
}

Zweitens möchte ich den Abschnitt “Über” entfernen, da es sich um die Informationen des Benutzers selbst handelt und ich keinen Sinn darin sehe, dass sie ihre eigenen Informationen oben sehen.

Dieser Abschnitt wird nicht angezeigt

.user-main .about

Drittens möchte ich es standardmäßig erweitert machen, wenn möglich, damit der Feed wie ein normaler Feed ist, in dem sie sehen können, wem sie folgen und ihre Kommentare.

[flash]

Gibt es eine Möglichkeit, den Abschnitt auf Mobilgeräten zu entfernen?

[pfaffman (Jay Pfaffman)]

Sie können CSS zum mobilen Abschnitt hinzufügen, um ihn auszublenden.

[flash]

Ja, aber das würde auch den Abschnitt auf anderen Seiten ausblenden, die .user-main .about verwenden.

Ich versuche, die Feed-Seite zu optimieren, auf der der Benutzer seinen eigenen „Über mich“-Abschnitt oben nicht sehen muss, wenn er kleinere mobile Geräte verwendet.

[flash]

Und zu versuchen, die Themen im Feed automatisch zu erweitern, damit sie die Themen nicht einzeln öffnen müssen, um sie zu lesen.

[manuel (Manuel Kostka)]

Vielleicht könnten Sie einige Screenshots posten, was Sie erreichen möchten? Zumindest ich verstehe nicht, welche Ansicht Sie genau und wie ändern möchten.

[flash]

Danke. Auf der Feed-Seite für Mobilgeräte möchte ich den oberen Abschnitt entfernen, da es sich um die eigenen Informationen des Benutzers handelt. Ich weiß, dass er die Erweiterung hat, aber sie wird auf einer Seite, auf der die Beiträge der Personen angezeigt werden, denen der Benutzer folgt, wirklich nicht benötigt.
Der Standardzustand ist auch ein zusammengeklappter Zustand, bei dem man sie einzeln erweitern muss. Und wenn ein Beitrag ein Bild enthält, wird die URL angezeigt, bis er geöffnet wird. Ich möchte den Feed sichtbar und nicht zusammengeklappt machen.

[manuel (Manuel Kostka)]

Es sieht so aus, als ob du das Follow-Plugin verwendest. Ich habe das nicht installiert, daher kann ich nur ein paar allgemeine Anmerkungen machen:

Jede Benutzerseite fügt dem body-Element eine eigene Klasse hinzu:

Zum Beispiel ist auf der Aktivitätsseite .user-activity-page. Auf Nachrichten ist es .user-messages-page. Ich nehme also an, dass es auf der Follow-Seite wahrscheinlich .user-follows-page ist? Du kannst diese Klasse verwenden, um den oberen Abschnitt nur auf dieser Seite auszublenden. Du solltest jedoch berücksichtigen, dass du eine springende Benutzeroberfläche erhältst, wenn du sie nur in einer Ansicht ausblendest.

Was den erweiterten oder reduzierten Zustand der Beiträge betrifft, glaube ich nicht, dass du das mit CSS ansprechen kannst. Die Vorlage des Plugins für diese Ansicht ist wahrscheinlich standardmäßig auf den reduzierten Beitragsauszug eingestellt. Du müsstest also die Standardeinstellung direkt in der Vorlage ändern.

[Don]

Dies entfernt den oberen Abschnitt „Über“ auf der eigenen Follower-Seite des Benutzers. Wenn ich richtig verstehe, was Sie tun möchten.

Fügen Sie dies in den mobilen CSS-Bereich ein.

body.user-follow-page {
  .viewing-self {
    .user-main .about {
      display: none;
    }
  }
}

[flash]

Danke, ich konnte es mit diesem Code erhalten:

.user-follow-page .user-main .about{
    display: none;
}

Aber ich denke,

@Don

Dies wird den oberen „Über uns“-Bereich auf der Follower-Seite des Benutzers entfernen.

klingt besser, damit sie die Seiten anderer Leute sehen können, lol. Habe nicht daran gedacht, lol.

[flash]

Ich werde versuchen, das Plugin zu klonen und zu sehen, was ich tun kann, um damit herumzuspielen und alles standardmäßig zu erweitern.