如何让 PNG 在 WP Ecommerce 中显示为按钮

Question

我目前正在建立一个网站作为一个整体销售网站。我无法让 PNG 用作按钮。 WP Ecommerce 在其所有页面上都带有一个自动 "add to cart" 按钮。我很难弄清楚这一点。到目前为止，我对我的目录做了这个。

将自定义 "add to cart" PNG 更改为图像目录。
转到default.css页面并更改：

input.wpsc_buy_button{}

至：

 input.wpsc_buy_button{
 background-image: url(images/addtocart.png);
 }

我不知道我做错了什么。也许我没有在产品页面上回应它？我觉得它应该有，因为我保持了相同的名称。

无论如何，任何形式的帮助都会很棒。谢谢！

Answer 1

注意几点：

class、wpsc_buy_button 在按钮上，而不是输入。
将按钮放在那里的 CSS 现在使用了 !important 标签，因此您还必须使用它并更具体地使用您的选择器来覆盖该样式。
images/addtocart.png 不会成为媒体库中图像的有效路径。我不确定它住在哪里，但路径更可能是这样的：http://inkvia.com/wp-content/uploads/2015/01/addtocart.png

例子CSS

button.wpsc_buy_button {
  background: url(/wp-content/themes/mazine/images/addtocart.png) no-repeat !important;
  height: 43px;
  width: 180px;
}

button.wpsc_buy_button span, button.wpsc_buy_button span span {
  background: none!important;
  text-indent: -99999px;
}

如何让 PNG 在 WP Ecommerce 中显示为按钮

How to get a PNG to display as a button in WP Ecommerce

html

css

php

wordpress

wordpress-ecommerce