SquareSpace Bedford - Ändern Sie das Logo pro Seite, fügen Sie Text aus der Seite, etwas

Question

Die letzte Anfrage meines Kunden zu diesem Projekt ist, dass ich das Wort "HOME" unter dem Logo auf 2 von 3 Seiten hinzufügen. Wenn es alles 3 wäre, würde ich das Logo bearbeiten und wir wären fertig, aber sie will es nur auf den Seiten, die nicht die Homepage sind.

Ich habe bereits den Banner Beschreibungstext als Titel für die Seiten. Ich dachte, wenn ich den tatsächlichen Seitentiteltext zum Zeigen bekommen könnte, könnte ich ihn benutzen, es verkleinern und es mit CSS bewegen, aber das hat sich nicht einfach erwiesen.

ich einen Codeblock in der ersten Seite des Index versucht habe, obwohl ich nicht den Text höher als der Block mit CSS bewegen kann: c

Auch wenn ich es gerade ein anderes zu laden bekommen könnte Logo auf den beiden anderen Seiten.

sharay.squarespace.com ist die Website in Frage.

Prost für jeden Einblick auf diese Jungs.

Answer 1

würde ich die Homepage mit so etwas wie dieses jQuery erkennen:

var page = window.location.pathname; 
if(page == '/' || page == '/home-page-url'){ 
    $(".logo").attr("src", "/path/to-logo/without-home"); 
} else { 
    $(".logo").attr("src", "/path/to-logo/with-home"); 
} 

Answer 2

Es scheint mir, dass dies nur mit Hilfe von CSS getan werden kann, über die CSS Editor eingefügt. Die Bedford-Vorlage (wie viele andere Vorlagen) wendet eine Klasse von homepage auf das Element body der Homepage an, so dass man diese verwenden kann, um zwischen privaten und nicht-privaten Seiten zu unterscheiden.

Von dort ist es nur ein Fall von Text über die CSS 'content' Eigenschaft hinzuzufügen. Sie können natürlich die Stile ändern, die ich unten vorgeschlagen habe.

Siehe beigefügte Grafik für das Ergebnis dieses Codes, wenn Sie auf der von Ihnen bereitgestellten Website verwendet werden. Damit würden Sie den "HOME" -Text entfernen, der dem Bild selbst hinzugefügt wurde.