如何在 squarespace 7.1 中使图库幻灯片 next/previous 箭头变大

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