2017-02-26 5 views
0

このプロジェクトの最後のリクエストは、3ページのうち2ページにロゴの下に「HOME」という単語を追加することです。 3つすべてだったら、私はロゴを編集するだろうし、私たちはやっただろうが、彼女はホームページではないページだけでそれを望んでいる。SquareSpace Bedford - 1ページあたりのロゴの変更、ページ外へのテキストの追加

私は既にページのタイトルとして機能するバナーの説明テキストを持っています。実際のページタイトルのテキストを使って、それを使ったり、サイズを変更したり、CSSで移動したりすることができればと思っていましたが、それは簡単ではありませんでした。

私はCSSでブロックより高いテキストを移動することはできませんけれども、私は、インデックスの最初のページにコードブロックを試してみた:

cの私はちょうどそれが違うをロードするために得ることができる場合でも、他の2つのページのロゴ

sharay.squarespace.comは問題のウェブサイトです。

この人の洞察力を歓迎します。

答えて

0

私はこのjQueryのようなものを使用してホームページを検出します:

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"); 
} 
0

これがCSS Editor介して挿入のみCSSを使用して行うことができるように私には思えます。ベッドフォードテンプレート(他の多くのテンプレートと同様に)はhomepageのクラスをホームページのbody要素に適用するので、それを使用して家庭と非家庭のページを区別することができます。

そこから、CSSの 'content'プロパティを使用してテキストを追加することができます。もちろん、以下で提案したスタイルを変更することができます。

body:not(.homepage) #logoImage a:after { 
    content: "Home"; 
    display: block; 
    font-size: 13px; 
    text-align: center; 
    padding-top: 1em; 
    font-family: Open Sans; 
    color: black; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
} 

あなたが提供したウェブサイトでこのコードを使用した結果、添付の画像を参照してください。これを使用して、イメージ自体に追加された "HOME"テキストを削除します。

enter image description here

関連する問題