SquareSpace:更改部分背景颜色(Eamon / Ethan 模板)
SquareSpace: Change section background color (Eamon / Ethan template)
示例模板:
https://eamon-demo.squarespace.com/#overview-eamon
有什么方法可以更改 Ethan / Eamon 主题中带有文本的单个 白色部分的背景颜色?我运气不好
<style>
.body {
background-color: lightblue;
}
</style>
在页面编辑器的“高级”部分。我只想更改该部分的一种背景颜色,我不想全部更改。谢谢
解决!
我能够使其在名为 "titles" 的部分上运行,将以下内容添加到 CSS 编辑器:
section#titles {
background-color: lightblue !important;
}
是的,可以通过 CSS attribute selector 定位。例如:
[data-url-id='titles-eamon'] .content, [data-url-id='titles-eamon'] .content-inner {
background-color: lightblue !important;
}
以上代码将通过 CSS Editor 插入。 data-url-id
值对应于索引页部分的 URL Slug(见图)。
您可以检查 browser's developer tools 页面用户的代码(通常通过按 F12 或 CTRL+SHIFT+I)。这将帮助您探索此页面和其他类似 issues/customization.
的页面代码
示例模板: https://eamon-demo.squarespace.com/#overview-eamon
有什么方法可以更改 Ethan / Eamon 主题中带有文本的单个 白色部分的背景颜色?我运气不好
<style>
.body {
background-color: lightblue;
}
</style>
在页面编辑器的“高级”部分。我只想更改该部分的一种背景颜色,我不想全部更改。谢谢
解决! 我能够使其在名为 "titles" 的部分上运行,将以下内容添加到 CSS 编辑器:
section#titles {
background-color: lightblue !important;
}
是的,可以通过 CSS attribute selector 定位。例如:
[data-url-id='titles-eamon'] .content, [data-url-id='titles-eamon'] .content-inner {
background-color: lightblue !important;
}
以上代码将通过 CSS Editor 插入。 data-url-id
值对应于索引页部分的 URL Slug(见图)。
您可以检查 browser's developer tools 页面用户的代码(通常通过按 F12 或 CTRL+SHIFT+I)。这将帮助您探索此页面和其他类似 issues/customization.
的页面代码