Add to cart button not centered

[sevann]

I followed the direction listed below to move the add to cart button to the right, however the button is not centered with the price input box, please see screenshot > [http://img1.UploadScreenshot.com/images/main/1/2808461898.png]

I am using the [wp_eStore_add_to_cart id=1] shortcode. Can you please let me know how to fix this? Also is it possible to add some text between the input box and the add to cart button? Tks in advance for your help. Great plugin btw.

Open the “eStore_misc_functions.php” file and look for the following line of code:

$output = get_button_code_for_element($ret_product);

Once you find it please change it with the following:

$output = get_button_code_for_element($ret_product,false);

The 2nd argument (false) tells it not to use break line when it creates the button.

[admin]

You will need some CSS adjustment. Remove the image URL from the “Button Image URL” field and then post a link to the page where you are using it so I can check the HTML.

You can use the following code to center the add to cart button on a page.

<div style="text-align: center;">[wp_eStore_add_to_cart id=2]</div>

[sevann]

Ok done, I removed the button image URL. The default add to cart is now showing and is perfectly centered. The issue is when I add the “Button Image URL”

Here is the link > [http://www.sandbox.deeptraxdigital.com/#409/nightshift-ep]

Tks

[sevann]

where is default add to cart button located? Can i just replace it, would it solve the issue?

[Peter]

Hi,

Any chance that you can leave that product with the default button on the page and also add another test product with the problematic button underneath?

This will make it easier to troubleshoot the CSS with firebug.

[sevann]

Hi,

There you go > [http://www.sandbox.deeptraxdigital.com/#409/nightshift-ep]

Tks for your help

[admin]

I can’t see anything obvious but the input image attribute on your theme must be adding some style to it which is causing the image to line up. The default add to cart button is a standard HTML button (not an image) which is why it lines up fine.

[sevann]

I think i can make it work with the add to cart button underneath but I need to add some text next to the name you price entry box, something short like ($2,00 or more) . Is there a way for me to do this?

[sevann]

Just an fyi. it’s not the theme. I switched theme and same thing happen

[admin]

Revert the custom modification you did so the “Add to Cart” button goes on its own line. Then simply change the language file to correct the message. This post will explain more:

https://support.tipsandtricks-hq.com/forums/topic/how-to-customize-various-textmessages-displayed-by-the-plugin

You will need to change

define("WP_ESTORE_YOUR_PRICE", "Your Price");

to

define("WP_ESTORE_YOUR_PRICE", "Name your price ($2.00 or more):");

[Author]

Posts