2017-02-26 58 views
0

我的客户对本项目的最后一个要求是,我在3页中的2页上的徽标下添加了“HOME”一词。如果全是3,我会编辑徽标,我们会完成,但她只希望它不在主页上。SquareSpace Bedford - 每页更改标识,在页面外添加文字

我已经拥有充当页面标题的标题描述文本。我想如果我能得到实际的页面标题文本来显示我可以使用它,调整它的大小并用CSS移动它,但这并不简单。

我已经尝试了代码块索引的第一页,虽然我不能走高的文本,然后块与CSS:C

即使我能得到它加载不同另两页上的徽标。

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,通过CSS Editor插入,这是可以完成的。贝德福德模板(与许多其他模板一样)将homepage类应用于主页的body元素,因此可以使用它来区分家庭和非家庭页面。

从那里,它只是通过CSS'内容'属性添加文本的情况。你当然可以修改我在下面建议的样式。

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

相关问题