如何在刷新主题中更改按钮颜色

[Snow_Wolf]

你好,
我的由社区版主**编辑主页部分都有“背景2”配色方案，我似乎无法将“学习更多”和“现在购物”按钮的颜色从当前的黑色(对应于主题颜色设置中的“文本”副色)更改为强调1色(绿色)。按钮只是采用黑色文本的颜色。

提前感谢任何帮助！

[Snow_Wolf]

你好,
谢谢你的回答，但我已经玩弄了广泛的主题设置。我可能遗漏了一些东西，但由于按钮使用文本颜色(“文本”的次要颜色在主题颜色)，如果我改变颜色，文本也改变颜色…我已经测试过了。

[valiermedia · Accepted solution]

大家好!

要更改按钮颜色，可以在.css中创建一个自定义类。
尝试将以下代码放入assets/component-image-with-text.css文件中。

.image-with-text__content .image-with-text__text +。按钮{background-color: #0c91c7;颜色:# fff;} .image-with-text__content .image-with-text__text+。按钮:{后显示:无;/*如果你想隐藏按钮周围的边框*/}

这将改变所有“Shop now”和“Learn more”按钮的按钮颜色和文本颜色。

将“红色”和“黑色”替换为按钮的背景颜色和文本颜色:)。您可以使用特定颜色的十六进制代码在这里得到它完全如何你想要的!

[AvadaCommerce]

嗨@Snow_Wolf，

这段代码将帮助改变你的“了解更多”和“现在购物”文字的颜色为绿色

-从您的Shopify管理，导航到销售渠道>在线商店>主题>操作>编欧宝体育官网入口首页辑代码

-打开base.css存档在资产部分

-将此代码粘贴到该文件的底部

.button， .button-label， .shopify-challenge__button， .customer button{背景:#76be51;}

- - - - - -打保存

我希望这对你有帮助。

[Snow_Wolf]

谢谢@AvadaCommerce这很有帮助!唯一的问题是，它使所有按钮变成阴影。是否可以修改以仅影响“背景2”配色方案上的按钮?或者，如何将“联系我们”按钮修改为白色而不是绿色?

如何指定按钮轮廓的颜色?

谢谢你！

[valiermedia]

大家好!

这可能是可能的，但由于某种原因，您的网站链接被删除了。你能重新分享吗?

[LeslieM]

然后如何更改按钮的文本?这对于背景是有效的，但是如果我想让文字变成另一种颜色呢?