我想设置我使用Jaunt模板设计的本网站辅助导航栏的文件夹项目(仍在进行中。密码:edizioni_test):https://tan-perch-9lhf.squarespace.com
我希望文本ITA / FRA是大胆的。我尝试用这个css代码设置样式:
span.Header-nav-item.Header-nav-item--folder a {
font-weight:900 !important;
color:#777777 !important;
}
span.Header-nav-item.Header-nav-item--folder a:hover {
color:#cccccc !important;
}
但我正在解决这个问题:当我点击ITA / FRA链接时,此页面会打开:
issue: this folder does not contain any pages
如何修复它以便点击ITA / FRA并将其链接到主页?谢谢
在各种Squarespace模板上禁用/关闭Squarespace导航文件夹上的点击/链接的一般建议方法是在目标元素上使用pointer-events:none
。在某些模板上,这需要在后续子元素上设置pointer-events:all
,但不是在您的情况下。
在您的情况下,我们可以简单地定位特定元素并将其保留(兄弟元素将保持可点击状态)。通过CSS编辑器输入以下内容之一:
a[href='/ita-fra'] {
pointer-events: none;
}
要么
.Header-nav-folder-title {
pointer-events: none;
}
上面的第一种方法通过URL定位链接,特定于该链接。第二个是更通用的规则,将适用于您可能添加到标题的其他此类文件夹。
请注意,这并不妨碍在使用键盘或可能的辅助技术时“标记”到目标链接,尽管它通常会阻止“执行”链接。要完全删除链接,需要使用Javascript,但正如我所说,只有CSS的方法通常在Squarespace社区中被接受。