Squarespace拼贴视图中如何单独调整标题宽度（不影响图片）

针对你指定的区块#block-59735afb962b7d6823ed，可以通过以下精准CSS代码调整图片标题宽度，让“Stephanie Fesneau &”完整显示在同一行，且不改变字体大小和图片尺寸：

/* 仅修改目标区块的拼贴视图图片标题 */
#block-59735afb962b7d6823ed .sqs-gallery-design-grid-item .sqs-caption-text {
  width: auto !important;
  max-width: none !important;
  padding-left: 0;
  padding-right: 0;
}

/* 适配flex布局的标题容器，确保空间充足 */
#block-59735afb962b7d6823ed .sqs-gallery-design-grid-item .sqs-caption {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-start;
}

代码说明： #

• 用区块ID嵌套选择器，仅对目标区块生效，不会影响网站其他区域
• width: auto !important 取消标题容器的固定宽度限制，让容器根据文本内容自动调整宽度
• max-width: none !important 移除可能存在的最大宽度限制，避免文本被迫换行
• 调整左右padding是为了消除容器内的留白挤压，可根据实际显示效果微调数值
• 针对flex布局的标题容器，设置flex属性确保容器能充分扩展，容纳完整文本

应用步骤： #

1. 进入Squarespace后台，点击「设计」>「自定义CSS」
2. 将上述代码粘贴到自定义CSS面板中
3. 保存设置后刷新页面，查看标题显示效果

如果代码未生效，可通过浏览器开发者工具（按F12）定位标题元素，确认实际的类名后替换代码中的对应选择器即可。

内容的提问来源于stack exchange，提问作者pancake