eStore- Changing the Checkout button

[huotg01]

First I’m new to eStore.

Is there now an easy way to change the checkout button by simply using the Settings section of the eStore plugin ? I don’t see any parameter for what seems to be a basic requirement. Sorry if I missed it.

Thanks

[wzp]

These are the accepted ways to change the checkout button:

https://support.tipsandtricks-hq.com/forums/topic/estore-change-the-checkout-button-image-in-the-shopping-cart

There are no checkout button appearance settings; because there are simply too many (hundreds of) ways in which a button can be customized. The simplest way to customize the checkout button is to replace the image with one that you like; or to tweak an existing one using Paint.net, GIMP, or PhotoShop.

[huotg01]

Thanks wzp

I did try changing the .png file, and it worked. My only problem is now to make the button bigger.

Any advice ?

Thanks

[huotg01]

I found this CSS on the Forum:

.eStore_paypal_checkout_button{

margin-top:5px;

padding:4px;

border:1px solid #ccc;

width:800px;

height:120px;

}

It works well.

Now what should be added in the CSS to center the button ?

Thanks.

[wzp]

Please try this resource:

[https://www.w3.org/Style/Examples/007/center.en.html]

For more specific help, you need to provide us with actual links to a test page.

[huotg01]

Thanks

The test page is at the URL [http://paroissebrossard.org/dime-test/]

[admin]

The shopping cart is on the sidebar area of that page. It takes up almost all of the sidebar so there is nothing to center. Do you have a page where you have the cart in the body section of the page that needs to be centered?

The following post tells you how to right align the checkout page. You can use that same trick to center it just buy using “center” instead of “right”:

https://support.tipsandtricks-hq.com/forums/topic/right-align-the-checkout-button-in-the-estore-shopping-cart

[Author]

Posts