CSS background: transparent url() not displaying img -


i'd replace woocommerce "add cart" button png image.

i'm using following css in child theme this:

.woocommerce .single_add_to_cart_button, .woocommerce ul.products li.product .button {   background: transparent url('http://www.tempertemper.com.au/test/wp-content/themes/temper/images/buy.png') no-repeat !important;   opacity: 0 !important;   width: 109px;   height: 46px; } 

i set opacity 0 rid of text "add cart".

however, produces element transparent background, , no background image:enter image description here

the button directly right of product quantity field: example page.

why isn't background image showing? thanks.

in styles.css (line 151) setting opacity 0:

.woocommerce .single_add_to_cart_button,  .woocommerce ul.products li.product .button {    background: transparent url('http://www.tempertemper.com.au/test/wp-content/themes/temper/images/buy.png') no-repeat !important;    opacity: 0 !important;    width: 109px;    height: 46px; } 

Comments

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -