eStore – Having problems with input boxes of custom price (pay what you want)

[rldev]

Hello Support, Please look at this page:

[http://aliveandhealthy.com/new-website/donations/]

Is there a way I can increase the width of these boxes, limit the amount of characters and better align them? The css for this seems to be drawn from the main site css. So if I tweak the padding on that, it messes up other forms on the site. I have no idea how to change the field itself. There really should be an option for this. I don’t want to have to edit the plugin code as it will be trashed on an update.

[rldev]

Also if I set a price in the price field of the product, the donation amount I enter is not accepted, it just adds the product price.

Example: I set product price for 5.00 so that is the minimum. But if I enter $50.00, the cart only recognizes 5.00

[admin]

Step 1) Grab this custom CSS plugin:

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

Step 2) Add the following block of CSS in the settings area of that plugin:

input[name="custom_price"]{

width: 100px !important;

margin-bottom: 0px !important;

}

You can change 100px to whatever you need.

I just did a test with entering 50 and it added $50 to the cart fine.

[rldev]

That worked great. I can’t seem to find a way to put a space between the $ and the input field. Many Thanks.

[admin]

Update the custom CSS tweak I gave earlier with the following:

input[name="custom_price"]{

width: 100px !important;

margin-bottom: 0px !important;

margin-left: 10px !important;

}

[rldev]

Perfect. Thanks.

[Author]

Posts