You could try using CSS. Set the button background image to your .png image, make the button and the button text transparent so the image can be seen. Its not possible to advise what form the CSS might take without being able to examine the page with browser tools and knowing the path to the image. Please post these for further assistance.
If this doesn’t work, the alternative is to make a child theme and some new page templates. That would be some work so its unlikey anyone would provide the code for that via a forum answer.
Hi thanks for the response. The buttons I want to change are on the shop page here-
shop page
and on the individual product pages, for example here-
Single product page
I have uploaded the button image to my media library, the path is this –
http://latestgadgetreviews.co.uk/amazon-buy-now-button-orange/
Thanks for any help you can give.
Yours
Martin
Try this custom css:
ul.products li.product a:nth-child(2),
.summary .cart a.button,
.summary .cart a.button:hover {
background-color:transparent;
color:transparent;
background-image:url("http://latestgadgetreviews.co.uk/wp-content/uploads/2016/09/Amazon-buy-now-button-orange.png");
width:175px;
height:51px
}
That is absolutely fantastic!!!!! Exactly what I was looking for. Thankyou so much for all your help. It is much appreciated.
All the best
Martin
