Custom add to cart button too small

[rldev]

I am trying to add a custom add to cart button for one of my products. Wp Estore is shrinking this button down to a size that isn’t readable. How do I fix this?

[https://aliveandhealthy.com/new-website/the%20happiness%20revolution/]

[rldev]

I changed the css to:

.page_content input:not([type=”checkbox”]):not([type=”radio”]):not([type=”submit”]):not([type=”button”]):not([type=”file”]) {

height:auto;

line-height:33px;

margin-bottom:20px;

padding:6px;

width:55%;

}

setting height to auto fixes this problem.

But I can not center the image on the page no matter what I try.

[rldev]

I take that back, setting that to auto messed up a lot of other buttons and fields.

So how do I can eStore to use the actual image size for the button without altering other buttons and fields on the site. I saw in the forum how to center the shortcode by using <div> instead of <p>

[admin]

You should always target the CSS class more uniquely then apply CSS tweaks (otherwise it affects too many elements). Your theme is doing this (applying a small height to all input elements without being specific) which is causing this issue in the first place.

Remove your changes then do the following:

Grab this custom CSS plugin:

https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Then add the following code in there:

.eStore_add_to_cart_button {

height: auto !important;

}

[rldev]

As always, thanks for the great support. I wish I could say the same for the theme authors.

[AnisA]

Hello, I tried this but it didn’t work. The checkout button is still too small.

[wpCommerce]

@AnisA, Please provide a link to the page in question so I can take a look.

[Author]

Posts