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:
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
Post a Comment