2017-09-26 5 views
0

ich arbeite auf setting up my category archive to look more like a grid benutzerdefinierte CSS verwendet und hat bereits erfolgreich entfernt die Elemente, die ich zu verwenden, zum BeispielWordpress: Entfernen Post Auszug auf Archiv aber halten Thumbnail

.archive .entry-footer { 
    display: none; 
} 

So, jetzt wollte ich links bin mit Post Titel und Post Zusammenfassung. Ich möchte jetzt den Ausschnitt unter dem vorgestellten Bildminiaturbild entfernen, aber bei der Untersuchung mit dem Feuerwanzen scheinen beide Abschnitte mit dem Eintrag "entry-summay" gekennzeichnet zu sein. Also, wenn ich diesen Code verwende ...

.archive .entry-summary { 
    display: none; 
} 

es entfernt sowohl den Auszug und Bild. Wenn ich durchschaue, was ich auf Firebug und dem Stylesheet sehen kann, kann ich nicht erkennen, was ich benutzen soll, um die Zusammenfassung weiter zu untersuchen, um den Ausschnitt und nicht das Bild zu entfernen. Ich dachte mir, dass es im Archiv eine Länge von 0 Zeichen hat, wenn es nicht so einfach ist wie das Entfernen der anderen Elemente, aber ich bin mir nicht sicher, wie das über CSS funktioniert.

Antwort

0

Dies passiert, weil Sie eine .entry-summary haben, die Ihr Bild und Ihren Text umhüllt, und eine andere .entry-summary, die nur den Text umschließt (so eine .entry-summary innerhalb der anderen).

Um es den Text zu machen verstecken, können Sie die innere .entry-summary wie dieses Ziel könnte:

.archive .entry-summary .entry-summary { 
    display: none; 
} 

Obwohl, wenn Sie den Text ausblenden möchten, sollten Sie die Bearbeitung der Vorlage in einem Kind-Thema betrachten so dass es nicht einmal auf der Seite existiert.

+1

Danke! das erklärt völlig, warum beide so beschriftet wurden, wie seltsam. Es hat total funktioniert. – Kristy

Verwandte Themen