我正在为第一个设计Shopify网站,并使用极简主题作为基础。我想要设置shopify-payment-button
(但它现在)按钮的样式但是还没能。我注意到那里的页面源代码是:
<style id="shopify-dynamic-checkout">
.shopify-payment-button__button--hidden {
visibility: hidden;
}
.shopify-payment-button__button {
border-radius: 4px;
border: none;
box-shadow: 0 0 0 0 transparent;
color: white;
cursor: pointer;
display: block;
font-size: 1em;
font-weight: 500;
line-height: 1;
text-align: center;
width: 100%;
transition: background 0.2s ease-in-out;
}
//etc, etc
注入到<head>
,这是我的风格。我无法找到它来自哪里删除它。谁会知道怎么样?
Shopify为{{content_for_header}}内的某些元素注入样式和js,您可以在theme.liquid文件中找到它们。
此标记包含默认的shopify文件以及某些集成和应用程序的文件。例如,如果你通过shopify安装facebook像素,它的代码将转到{{content_for_header}}
无法直接控制该标签的内容。如果你只是需要更改样式,那么我建议只覆盖样式,在最坏的情况下,如果你需要,在css中使用"!important"
标签