在 WooCommerce 上自定义“立即购买”按钮

Question

我已经使用直接结账插件制作了“立即购买”按钮，但我想让它高一点，宽度正好直到数量框，并使文本更大更粗。我认为这可以使用额外的 CSS 来完成，但我不确定如何自己做。

我只关心这在移动设备上的外观。

Buttons Screenshot

Store

Answer 1

首先你需要学习css，即使它是基础。因为我们无法知道您希望按钮的外观。

其次，在浏览器中，您只需右键单击按钮并从弹出菜单中选择“检查”。它将打开开发人员工具屏幕。当您查看“样式”选项卡时，它会为您提供当前元素值以及您可以在哪些 CSS 样式表中找到这些值。因此，您需要使用自己的子主题 style.css 来绘制新的设计元素。

或

WooCommerce 按钮样式很可能有一个插件。我不能向你推荐任何东西，因为我自己手动工作。但我希望我可以让您在找出下一步可以研究的内容方面领先一步。