Shopify + Parallax Theme,如何在主页上定位架构元素

问题描述 投票:0回答:2

好的,所以我正在使用shopify为客户建立一个网站。他们购买了一个主题,并希望我使用它,但我仍然希望为我的客户提供一个看起来独特的网站,而不是像另一个具有相同主题的商店。

主页面允许您在左侧的此自定义侧栏,您可以在其中选择元素并将它们放在页面上。这是主页html的样子:

<div class="index-sections">
  {{ content_for_index }}
</div>

所以我真的没有任何地方可以在元素之间放置自定义html / css。说实话,我想知道如何将其分成几个部分,但我还没有。

Shopify使用模式来提取您为标题或菜单字体选择的任何选项,并将它们应用于整个网站。我为“标题”类选择了一种白色字体,这意味着任何带有文字的图片都会变成白色字体,无论你是否能看到它。

在这种特殊情况下,我想更改字体颜色,因为我使用的其中一张照片是白色的。我找到了我需要设计的特定代码块的div id,

Link to Image

我只是不确定如何专门针对其中的标题类。我试过了 :

.shopify-section-1503016104719 headline{
  color: #fff !important;
}

这里是网站链接https://luckyleo-dancewear-alt.myshopify.com/

javascript html css shopify
2个回答
0
投票

这是CSS元素标记

.subtitle p {
    pointer-events: none;
    //color: black;
}

0
投票

我有Parallax。在主题编辑器(执行拖放样式)中单击“添加部分”后,可以通过“自定义HTML”选项将自定义HTML添加到主页。如果您没有部分,请确保主题是最新版本,因为这是一个“前段时代”主题。您还可以在页面编辑器中使用自定义HTML。

您是否考虑过在实际的部分文件/模式中添加选择颜色的选项,以便为每个标题选择单独的部分?

© www.soinside.com 2019 - 2024. All rights reserved.