好的,所以我正在使用shopify为客户建立一个网站。他们购买了一个主题,并希望我使用它,但我仍然希望为我的客户提供一个看起来独特的网站,而不是像另一个具有相同主题的商店。
主页面允许您在左侧的此自定义侧栏,您可以在其中选择元素并将它们放在页面上。这是主页html的样子:
<div class="index-sections">
{{ content_for_index }}
</div>
所以我真的没有任何地方可以在元素之间放置自定义html / css。说实话,我想知道如何将其分成几个部分,但我还没有。
Shopify使用模式来提取您为标题或菜单字体选择的任何选项,并将它们应用于整个网站。我为“标题”类选择了一种白色字体,这意味着任何带有文字的图片都会变成白色字体,无论你是否能看到它。
在这种特殊情况下,我想更改字体颜色,因为我使用的其中一张照片是白色的。我找到了我需要设计的特定代码块的div id,
我只是不确定如何专门针对其中的标题类。我试过了 :
.shopify-section-1503016104719 headline{
color: #fff !important;
}
这是CSS元素标记
.subtitle p {
pointer-events: none;
//color: black;
}
我有Parallax。在主题编辑器(执行拖放样式)中单击“添加部分”后,可以通过“自定义HTML”选项将自定义HTML添加到主页。如果您没有部分,请确保主题是最新版本,因为这是一个“前段时代”主题。您还可以在页面编辑器中使用自定义HTML。
您是否考虑过在实际的部分文件/模式中添加选择颜色的选项,以便为每个标题选择单独的部分?