add to cart button and qty field not displaying properly

[sourceflix]

http://my.jetscreenshot.com/11498/20120302-xk1b-16kb

Above is a link to a screen shot of the problem.

What code can I change to make a button show for “add to cart” instead of a box, and how can I fix the look of the quantity box?

Thank you!

[sourceflix]

Ah! I don’t have to do anything to create a link.

[admin]

Don’t link to a screenshot. Post a link to the actual site so we can investigate the CSS code. We can’t investigate CSS and HTML code from an image.

[sourceflix]

Sorry.

http://www.bibleflicks.com/store-dvds/ ‎

Thanks!

[admin]

Looks like you already added the following CSS in your custom stylesheet which is affecting these buttons and the text input fields:

.eStore-button-form input {

padding: 0px !important;

border: none !important;

background: white;

border: .5;

color: #999;

width: auto !important;

}

What part of this style that you added is not working or you don’t like?

[sourceflix]

That is in the custom style sheet because I just copied my entire theme style sheet over to custom — I am new at this and thought that was the way to do it. So now I’ve corrected my custom style sheet to only include sections that I’ve customized–which doesn’t include what you referenced above. So, the appearance of the “qty” field and the “add to cart” button is getting is look from my theme’s style sheet. How can I have the wp eStore css override my theme’s css? Or am I even thinking about it correctly. What I want is for the “add to cart” to look like a button, and not a text input box — like the picture of Stylish Display 3 on your site.

Also, the style attributes that affect the Qty/add to cart areasin my product display also affect the “delete” and “empty cart” buttons in my cart (border and background showing). How can I have the cart buttons not have a border but the “Qty” for each product still have a border?

Sorry if I’m annoying — just trying to figure it all out. I appreciate your help.

Thanks!

[admin]

We use an image for the add to cart button. Do the following:

1. Download an add to cart button images that you like from this page:

http://www.tipsandtricks-hq.com/ecommerce/add-to-cart-button-images-for-shopping-cart-631

2. Upload this button image to your site via the WordPress media uploader. Take note of the URL of the image that you upload.

3. Edit the product and specify the uploaded image’s URL in the “Button Image URL” field of the product.

This will make it to where the add to cart button will use that image and it won’t look like your text input anymore.

[sourceflix]

Thank you! Don’t know how I missed that. Will add the button images.

[Author]

Posts