Question

我想使用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 并将其链接到主页？谢谢

Answer 1

通常建议在各种Squarespace模板上禁用/关闭Squarespace中导航文件夹上的单击/链接的方法是在目标元素上使用pointer-events:none。在某些模板上，这需要随后在后续子元素上设置pointer-events:all，但在您的情况下则不需要。

在您的情况下，我们可以简单地定位特定元素并将其保留（兄弟元素将保持可点击状态）。通过CSS编辑器输入以下内容的一个：

a[href='/ita-fra'] {
  pointer-events: none;
}

OR

.Header-nav-folder-title {
  pointer-events: none;
}

上面的第一种方法是通过URL定向链接，并且特定于该链接。第二个是更通用的规则，该规则将应用于您可以添加到标题的其他此类文件夹。

请注意，这通常不会阻止“执行”链接，但是在使用键盘或辅助技术时，这不会阻止“跳至”目标链接。要完全删除链接，需要使用Javascript，但是正如我所说，Squarespace社区通常接受纯CSS方法。

设置辅助导航栏项目文件夹的样式-Squarespace-Jaunt模板

1 个答案: