如何在方形空间 7.1 中使画廊幻灯片的下一个/上一个箭头更大

Question

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

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

Answer 1

通过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 元素的基础类的情况下是有利的。