Customize Button

Hi,

Do you have a paid version of the plugin? How much does it cost and where can I find info about it?

We have the following plugin eStore which is very similar but with tons of extras.

Any questions about the paid plugin, please use the link above.

Thank you

Can I know how to change the button color and size as well as the button text? Thank you

Hi,

Which button are you talking about? For example if you are talking about the checkout cart button try the following documentation customize-the-paypal-checkout-button-image. If you are talking about the buy now button try the following documentation simple-shopping-cart-customize-the-add-to-cart-button-text-via-shortcode.

And the following documentation add-to-cart-button-images-for-shopping-cart has some customized add to cart buttons for you to choose from.

Let me know if the above helps you.

Kind regards

Thanks for replying. I am referring to the add to cart button. According to your link, I can change the text wording. It says nothing about the button color or size or text color or size. I have asked about customizing the cart button numerous times now and each time I get back the same link posting that tells me nothing. You could have just told me that you did not include a way to change the button and text colors or sizes.

Hi,

I am referring to the add to cart button.

One of the links above provides different add to cart buttons you can use. Please check the following documentation simple-paypal-shopping-cart-customize-checkout-buttons. This provides information about customizing all aspects of the plugins buttons.

According to your link, I can change the text wording. It says nothing about the button color or size or text color or size.

If you are referring to editing your current button, then unfortunately we don’t have any tools or options available in the plugin. This would have to be done by you using an image editing tool in your computer or laptop. If you are running Windows 10, you can use photoshop, gimp, paint or paintnet. I have done this myself for a client in the past.

My apologies for any misunderstanding.

Let me know if the above helps you.

Kind regards

• This reply was modified 4 years, 10 months ago by mbrsolution.

Huh? The cart button is not an image I can edit or replace. I did replace the checkout button with my own. BTW, I am a digital imaging specialist. If it was an image, I’d know what to do with it. I can’t work around a shortcode space with a border which is all the button is. Nevermind. You don’t seem to understand what I asked. I thought a question of how to change the cart button color, text, and sizes would be easily discernable. Thank you

Apologies.

Yes, you are correct.

You can edit the Add to Cart button using some classes assigned to the button. The best method to make the necessary changes is by using Developing Tools in Google Chrome and or Web Developer in Firefox.

Most users prefer to add an image in the following field Add to Cart button text or Image. This option gives you more flexibility by allowing you to add a customized button of your choosing.

Kind regards

• This reply was modified 4 years, 10 months ago by mbrsolution.

I found a way to customize the add to cart button and form. It looks great now.

If you want to customize the width and/or color of the add to cart button and variation dropdown menu, I have discovered these stylesheet classes that you will need to input into your theme’s additional css box, usually located in Customize section.

.wp_cart_product_display_box{
max-width:100%; } – controls the width of the product description box.

.wp-cart-button-form{background:#00008f;padding-top:11px;padding-bottom:11px; } – Add to Cart button color and padding. You must use some padding with this code to fill the button background.

.wspsc_add_cart_submit{color:#ffffff;} – Add to Cart button text color.

.wp_cart_variation_section { width:87%; } – Controls width of variation dropdown menu.

.wp_cart_variation1_select{background:#00008f;color:#ffffff;} Variation dropdown menu background and text colors.

I hope this helps some of you achieve the button form setup as you like. I found the codes by reviewing the page source code in Chrome browser, then added the class and my settings to my theme’s additional css box, not in the theme stylesheet though it may work there, maybe not.

Have a wonderful day! ??

Thank you for sharing your customizing solution ??