Shopify + Parallax Theme,如何在主页

时间:2017-08-18 03:21:12

标签: javascript html css shopify

好的,我正在使用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/

2 个答案:

答案 0 :(得分:0)

这里是CSS元素标签

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

答案 1 :(得分:0)

I have Parallax. You can add custom HTML to the home page via the "custom HTML" option, after clicking "Add A Section" in the theme editor (where you do the drag and drop styling). If you don't have sections, make sure the theme is the most recent version as this is a "pre-section-era" theme. You can also use custom HTML in the page editor.

Have you considered adding options for choosing a color within the actual sections files/schemas so that you can choose individual sections for each header?