2016-08-01 10 views
0

Ich habe diese Website http://webr.hol.es/ und unter meinem Schieberegler gibt es eine <h1>home </h1>. Ich möchte es löschen. Ich habe die CSS-Klasse gefunden und gelöscht, aber danach, wenn ich zu meinem Blog-Bereich gehe, kann ich meine Blog-Titel nicht mehr sehen. Kannst du mir einen Weg geben, wie ich mit inspect element auf den gesamten html zugreifen kann?Kann ein h1 Element nicht entfernen

Ich möchte es eine zusätzliche Klasse und Remote nur diese Klasse geben. Aber ich kann nicht finden, wo es ist. Ich brauche ein Plugin, um den Code meiner Website zu sehen, wie ich es mit inspect element sehe, oder vielleicht einen Hinweis, der mir hilft herauszufinden, wo sich dieses Element in meinem Quellcode befindet.

+0

Nur damit Sie wissen, Sie haben einen Tippfehler auf dem letzten Bild. Es heißt "Gib niemals un ...", ich nehme an, du willst es sagen "Gib niemals nach ..." – Taylor

+0

Such einfach in deinem Quellcode danach, nachdem du es mit inspect element gefunden hast. In diesem Fall würden Sie '

Home

' in Ihre Quelltextsuche einfügen. – dlsso

Antwort

0

Sie können die folgende CSS-Regel hinzufügen:

.page-id-13 h1 { display: none; } 

Das ist Die Seiten-ID dieser Seite (wie in den Entwicklertools des Browsers angezeigt, sollte eindeutig sein, da Wordpress sie automatisch zuweist), kombiniert mit dem h1-Tag, verhindert, dass dieses (und nur auf dieser Seite) angezeigt wird.

Hinzufügung: Wenn das nicht funktioniert, fügen Sie "! Wichtig" hinzu, wie display: none !important;. Aber als ich es in den Entwicklertools in meinem Browser ausprobierte, funktionierte es ohne das.

+0

vielen Dank! Es funktionierte. Können Sie mir sagen, wo Sie die ID der Seite in den Entwicklertools gefunden haben? Ich werde es in Zukunft wissen müssen. –

+0

Direkt im 'body'-Tag (neben anderen Klassen). Die anderen IDs sehen ähnlich aus, nur mit einer anderen Nummer. – Johannes

1

Es wird schwierig sein, Ihnen zu sagen, wo Sie dieses H1-Tag in Ihrem HTML finden können, ohne zu wissen, welche Art von CMS Sie zusammen mit seinem Thema verwenden. Wenn Sie nicht ein CMS verwenden, können Sie Ihre Web-Root in einem Code-Editor öffnen und eine Suche/Ersetzen für <h1 class="title-post">Home</h1>

Andernfalls fügen Sie diese zu Ihrer CSS:

.title-post { display:none !important; } 

Bitte fügen Sie weitere Informationen zu deinem Beitrag, damit du diesen (zugegebenermaßen) Hack nicht benutzen musst.

+1

'! Wichtig' sollte keine Lösung für diese Art von Problemen sein, aber mit dem Mangel an klarer Struktur durch die Frage funktioniert diese Lösung, aber es wird bessere Lösungen geben, sobald weitere Details etabliert sind. – Martin

+0

Es wird wahrscheinlich ohne "! Wichtig" funktionieren, aber wenn nicht, dann erhöht das Hinzufügen von "body" oft die Spezifität, um die Aufgabe zu erledigen. Das Problem ist, dass dieser Selektor alle H1-Titel Site-weit abbricht. – isherwood

+0

@Martin - Ich habe meine Antwort bearbeitet. Ich stimme deinem Kommentar zu. – ketchupisred

0

Dies ist eine WordPress-Website, also gibt es wahrscheinlich kein h1-Tag, das Sie einfach auf einer Seite pro Seite entfernen oder bearbeiten können. Es ist in die PHP-Vorlagen integriert. Selbst wenn Sie es finden, ist Ihr Ansatz nicht ideal. Das Hacken von Vorlagen sollte nur ein letztes Mittel sein und sollte nur durch Überschreibungen erfolgen, die sich nicht auf die Core-Vorlagendateien auswirken.

Suchen Sie nach Optionen in Ihrem Admin-Bereich, um den Titel für diese Seite ein- oder auszublenden. Wenn Sie können, fügen Sie eine Seitenklasse nur die Seite und wählen Sie das Element wie so (es wahrscheinlich ist nur ein h1 Element):

.some-page-class h1 {} 
+0

Jemand sagte die gleiche Sache, und es hat funktioniert. Danke trotzdem: D Ihr Jungs sind super –

Verwandte Themen