eStore – How to apply custom style changes to Download Now button

[terrys]

I would like to change the color of the ‘Download Now’ button that uses code:

[wp_eStore_download_now_button id=1]

It is currently gray, but I would like to change it to green with white text to match other buttons in my theme.

I saw the following post:

http://www.tipsandtricks-hq.com/free-shopping-cart-images-and-icons-for-your-cart-4257

and thought I’d capture/paste a sample button and replace the gray button in the eStore images folder, but I can’t see the simple “Download” button that appears for the shortcode I mentioned above.

I also tried the firebug video tutorial, where I was able to determine that I need to implement:

background-image: linear-gradient(#80BF4F, #63A72F);

color: #FFFFFF !important;

text-shadow: 0 1px 0 #529122;

Firebug tells me that the css file is one of the core files in the actual theme – which confuses me for a number of reasons, nevertheless, I’d much rather override the eStore button color in eStore css.

So I’m guessing these styles should get put into wp_eStore_custom_style.css but I don’t know what or how to override to get what I need.

==> Can you please tell me how I can customize the eStore ‘Download now’ background color, and the button’s text color to the attributes I described?

[admin]

The easiest option to use a custom button is to use an image of your choosing. This post will explain how to use a custom button image for any eStore product:

https://support.tipsandtricks-hq.com/forums/topic/wp-estore-customizing-the-buttons-changing-the-button-images

Edit the eStore product in question and specify the URL of the button image in the “Button Image URL” field and you are done.

Give that a try first and after that if you still want to apply CSS styles we can take a look at that then.

[Author]

Posts