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

Question

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

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

изменил пользовательский PNG «добавить в корзину» в каталог изображений.
Перешел на страницу default.css и изменил:

input.wpsc_buy_button{}

чтобы:

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

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

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

0

css html php wordpress wordpress-ecommerce

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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

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

0