如何在 squarespace 7.1 中使画廊幻灯片放映的下一个/上一个箭头更大

他们的箭头太小了。我正在使用 Chase Nevins 模板。有没有办法使用自定义 css 或代码注入来调整它们。

通过检查，我得到了图片中显示的选择器。我不确定要改变什么。是否有插入符号右图标 - 大？

通过 Custom CSS（也称为 CSS 编辑器）添加的以下 CSS 将允许您调整这些箭头的大小。

.gallery-slideshow-control-btn-icon svg {
  height: 50px !important;
  width: 28px !important;
}

Squarespace 设置和缩放的方式，将高度设置为您希望箭头的大小（以像素为单位，px），然后将 width 设置为高度的 0.5625是。

因此，在上面的示例代码中，我将高度设置为 50px，将宽度设置为 50 x 0.5625 = ~28。

通常应避免使用 !important，但在这种情况下，它有助于使选择器更通用，这在 Squarespace 更改 svg 元素的基础类的情况下是有利的。