Как получить PNG для отображения в качестве кнопки в WP Ecommerce

Question

В настоящее время я создаю веб-сайт как единый сайт продажи. У меня проблемы с получением PNG для работы в качестве кнопки. WP Ecommerce поставляется с автоматической кнопкой "добавить в корзину" на всех своих страницах. У меня самое сложное время, чтобы понять это. Я сделал это с моим каталогом до сих пор.

1. изменил пользовательский PNG "добавить в корзину" в каталог изображений.

2. Перешел на страницу default.css и изменил:

   input.wpsc_buy_button{}

чтобы:

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

Я не знаю точно, что я делаю неправильно. Возможно я не повторил это на странице продукта? Я чувствую, что так и должно быть, потому что я сохранил имена одинаковыми.

В любом случае, любая форма помощи будет потрясающей. Спасибо!

Answer 1

Несколько вещей, на которые стоит обратить внимание:

1. Класс wpsc_buy_button находится на кнопке, а не на входе.
2. CSS, который помещает туда кнопку, теперь использует тег! Important, поэтому вы должны также использовать его и быть более точным с вашим селектором, чтобы переопределить этот стиль.
3. 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;
}