squarespace - 爱码网

尝试在 Squarespace 产品页面上添加第二个按钮

链接到底部有问题的页面。 Squarespace 在产品页面上默认有一个“添加到购物车”按钮，但我想在它旁边添加一个“查看购物车”按钮。我已成功添加它，但由于某种原因，它仅在刷新页面后才显示。如果我导航到不同的页面然后返回到我刚刚访问的产品页面，它又消失了。如果我刷新，它会显示。这发生在 Safari、Chrome 和 Firefox、常规和隐身/隐私浏览以及移动设备 (iOS) 上。... »

为什么我在 Squarespace 中的动画在 Chrome 中工作，但在 Safari 上却没有？

我使用代码块和 HTML 代码向我的 Squarespace 网站添加了打字机动画。它适用于谷歌浏览器，但不适用于 Safari。我读到“转换”需要额外的代码才能在 Squarespace 中工作，但我没有使用该功能。我尝试在论坛上阅读有关如何解决此问题的信息，但从未找到。我能做些什么不同的事情？如果有人有一个链接到有人以前如何解决这个问题，那会很有帮助。另外，如果您对如何改进代码有任何建议，... »

Vimeo 嵌入 Squarespace：加载时隐藏控件，悬停时显示

这里有新的 Squarespace、Vimeo 和 iFrame 用户。我正在为一家非营利组织做一些工作，他们要求我创建一个包含大约 10 个视频的“推荐”页面，其中每个视频的控件仅在悬停时显示。加载/非活动状态视频加载时，不应有任何控件；分享；或标题/署名可见。悬停时悬停时，用户应该会看到播放器控件。我尝试过的给定基本的 iFrame 嵌入代码： <ifr... »

Squarespace 下拉菜单无法正常工作（可点击部分从视图中消失）

我正在为客户开发自定义 Squarespace 项目，但在使用下拉菜单时遇到了问题。 Squarespace 的默认设置是让菜单下推页面上的所有其他内容块。为了防止这种情况，我应用了一个 z-index 来帮助它重叠在不同页面上的其余页面内容上，但它不适用于默认的 Squarespace 博客页面布局。所以我的替代方案是让菜单下拉，但这是故障，因为菜单的可点击部分一旦被点击就会消失。它还切断了菜单... »

Squarespace 站点 - CSS 以减慢画廊幻灯片上的淡入淡出过渡

我正在尝试编辑方形空间画廊以使本机淡入淡出动画的过渡速度较慢，因为它的捕捉速度非常快。我找到了可以执行此操作并使图像褪色变慢的代码，但是它似乎很少/随机地工作。这是让我最接近我想要实现的代码 .gallery-fullscreen-slideshow-item-img{ transition: opacity 1600ms ease-in-out !important; ... »

需要帮助识别 Squarespace 模板

我正在尝试从该站点识别 Squarespace 模板：https://www.hellobigidea.com/ 模板 ID 为 5c5a519771c10ba3470d8101 我到处都找过了，似乎找不到任何东西，这可能是习俗，但我想看看是否有人可以提供帮助。... »

CSS - 在按钮悬停时更改列表的背景颜色

用最简单的话来说：我有一个列表，其中有一个按钮。我想为我的列表背景颜色改变悬停在按钮上.请不要误会我想要改变按钮的背景颜色。这是我希望列表执行的操作的示例：不幸的是，因为它是 Squarespace。我对更改当前 CSS 的访问权限有限。相反，我能做的是用我过去做过的自定义 CSS 覆盖 CSS。他们为每个元素预设了类。以下是类名： .user-items-list .list-item... »

带有 $ 的 JQuery 函数未在 HTML 的 head 标记中运行

由于 Squarespace 的限制，我只能通过 Head 标签添加代码。每当脚本到达 JQuery 的 $ 部分时，它似乎根本不会运行它。我已经用大量的console.log()s 进行了测试，我注意到网页只是跳过了$(document)、$(\".appoinment-type-name\") 这是我在<HEAD> 标签中注入的代码。当我将它粘贴到 Chrome 的开发人员工具的控... »

在 squarespace 网站中嵌入一个 React 应用程序

我正在尝试将小型反应应用程序嵌入到 squarespace 站点中。这是页面：https://www.birdiebreak.com/referral-profile?referralCode=WHUOS 我可以让反应应用程序正常加载，但网站的各个部分都消失了！特别是页面上的标题和任何图像。我尝试使用 Code 小部件和 Embed 小部件，两者的结果相同。我确实尝试了一个基本的Create... »

脚本标签内的脚本标签？ [复制]

我正在尝试使用脚本标签将一些代码注入 squarespace。但是，我正在尝试使用脚本标签来使用 JS 来检查用户是否在正确的页面上，如果是，我想呈现一个脚本标签。但是，我认为不可能在脚本标签中呈现脚本标签？有人对如何解决这个问题有任何建议吗？ <script type="text/javascript"> window.location.href === "https://www.... »

用户在移动设备上缩小后如何防止网站宽度问题？

Here's the page in question。请注意，该问题也存在于网站的其他部分，至少在我的 iPhone 13 Pro Max 上。我从类似问题的答案中尝试了许多元标记、脚本解决方案和 CSS 调整，但到目前为止没有任何效果。有没有办法使用 HTML/CSS/JS 解决网站宽度问题？这是我一直在尝试（但失败）使用的两种方法：强制移动浏览器在缩放后重新计算宽度完全防止用户缩放... »

Formassembly 移除填充

我需要将嵌入式 iframe 表单组件表单的对齐方式修复到我的 Squarespace 网站中。表单组件样式的顶部和左侧填充和边距过多，因此表单无法嵌入站点样式： Misaligned iframe Preferred alignment 我可以通过在浏览器中编辑 css 来获得所需的效果，如下所示： .wFormContainer .wForm form { padding: 0 !i... »

无法在 Firefox 中设置 img 标签的内容属性

我正在编辑 SquareSpace 网站的一些图库图片。我本质上是在尝试添加悬停效果。我可以在除 Firefox 之外的所有浏览器上使用它。我基本上有一个隐藏的图像，并且该图像的不透明度在悬停时会发生变化。问题似乎在于设置 img 标签的内容属性。 figure:nth-child(1) div.gallery-grid-item-wrapper { background-image... »

如何使 Squarespace 页脚具有背景图像？

请帮帮我。在我的 Squarespace 网站的两个区域中，我希望页脚部分是透明的。 Aka 在使用博客样式设置的“答案”条目中，底部有一个蓝色面板。我希望它上面的背景图像继续到窗口的底部。 “绘画”页面也是如此，底部有一个白色面板，而不是页脚后面的图像。基本文本应浮动在图像上。它被设置为投资组合风格。请参考所附链接。 https://www.regardsfromyourfuture.com/... »

我需要帮助在标题中的页面链接后面添加图像

让我们从我使用方形空间 CSS 代码注入器开始。我试图在文本链接后面放置一些图像（菜单、我们出售的产品、批发）使用我的背景图像很难看到链接。我想添加小木板作为它们背后的图像。感谢任何帮助。我的网站：www.slurpnsnack.com My website 编辑：我不想将背景图像添加到标题本身。我想知道是否有办法将图片本身附加到链接后面，或者只是如何将我自己的链接放在那里。... »

在 Squarespace 7.1 中，我试图显示一个部分并隐藏其他部分 - 不工作

我正在尝试实现 Will Myers 的教程 https://www.youtube.com/watch?v=4_fvE8mO1ic&t=26s 在方形空间 7.1 您可以在此处查看我的实时页面。 https://www.thesquaresandbox.com/tabbed-sections 当我单击选项卡按钮时，会出现正确的部分，但其他两个部分应该被隐藏，但它们不是。 TIA <... »

在方形空间中调整 iframe 的大小以适应任何屏幕尺寸

我有我想要显示的自定义代码（见下文），它是我只想查看我的 p5.js 草图的网站的登录页面，因此我将其嵌入为 iframe。现在唯一的问题是让 iframe 调整到屏幕的高度，这样我的草图就可以在不同的屏幕尺寸上完全可见，而无需滚动。请帮我解决这个问题！我在Page-->Settings-->Advanced-->Header-->>>>中输入了如下代码 <style> #s... »

涟漪效果不显示，我该如何解决？

我正在尝试让 JQuery Ripple 效果在我的页面 (#middle-container) 中的容器上工作，但由于某种原因它不起作用，我查看了资源，我很确定我是使用正确的代码，但我是在 Squarespace 中制作的，所以我不确定这是否会产生显着差异。这里是网站的链接：Solace 密码是：solace（在我用完之前保密）下面是我的代码的直接sn-p： script src=... »

覆盖和悬停响应

我使用自定义 CSS 为 my portfolio page 创建了一个图像叠加效果。它在桌面浏览器上运行得非常好，但它完全不适用于手机。谁能建议我在这里可以做什么？我怎样才能使这个响应？ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, in... »

如何隐藏 GIF 并用图像替换（以便使用放大工具）

你好 stackoverflow 世界，第一篇文章，在这里完成新手！我正在努力与时俱进，研究一些网页设计，因为这个互联网事物显然会继续存在。有人能告诉我一种隐藏 GIF 的方法（已经只制作了 1 循环）并用图像替换它，这样我就可以使用放大工具了sn-p 我在这里找到的。 function magnify(imgID, zoom) { var img, glass, w, h, b... »