Hi, how do you want to customize the button? The following classes added to the plugin can help you customize the buttons using CSS.
- wp_cart_button
- wp_cart_checkout_button
I’ve added those in but it doesn’t seem to have any effect on the colour.
I can’t seem to see those classes in the code.
I’m currently dropping them into the wp_shopping_cart_style.css file.
Hi can you share your URL?
Thank you
Thanks, its brianneish.com/for-sale/
Hi try an edit the following file wp_shopping_cart_style.css. But remember that when you update the plugin you will loose the added style. Your best bet is to add the code via a plugin or custom settings in your theme if it allows you.
The following example is taken from these instructions.
How to Resize the Add to Cart Buttons
Add the following to the CSS file of this plugin (wp_shopping_cart_style.css)
.wp_cart_button{
height: 20px;
width: 76px;
}
You will have to adjust the size to your needs.
Remember that CSS might be limited in this scenario. Adding a custom image will probably be a better solution.
Regards
It still doesn’t appear to be working despite adding the above code. I tried adding !important to the class but still no luck.
Maybe I’ll try and add a custom image. To add a custom image do I add it to the above class or a different way as I’m worried I’ll run into the same issues?
Thanks for all your help so far.
Hi, to add a custom image simply add the image URL in the following field Add to Cart button text or Image.
If you want to add different images for different products you can use the following shortcode.
Sample Code
[wp_cart_button name=”Test Product” price=”19.95″ button_image=”http://www.example.com/button-image.jpg”%5D
Plugin Author
mra13
(@mra13)
Closing this topic off. if you still need help please reply back to it.
