Title: Other Amount CSS Max-Width
Last modified: February 11, 2022

---

# Other Amount CSS Max-Width

 *  Resolved [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/)
 * Hi, you’re plugin I think could work perfect but is it possible to increase the
   size of the other amount field box? Max-width needs to either be increased from
   80px to 180px, or if I turn off max-width in google devtools the box is better
   size. I’m sure it’s an issue with my theme but I’m able to control the padding
   when a digit is entered it seems I should be able to control the size of box?
   I’ve spent a few hours trying what I could so any help would be greatly appreciated.
   Thank you again! Best, DG
 * .wpapp_other_amt_input{
    padding-left:0px; padding-right:0px; max-width:180px;}.
   wpapp_other_amt_input.fill_inited.filled{ padding-left:10px; padding-right:0px;
   font-weight:bold; }
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fother-amount-css-max-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15357385)
 * Hi, what happened when you tried the following custom CSS code.
 *     ```
       .wpapp_other_amt_input{
       padding-left:0px;
       padding-right:0px;
       max-width:180px;
       }
       ```
   
 * Regards.
 *  Thread Starter [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15359012)
 * Hello, the below code is currently active, but there is no difference, it doesn’t
   seem to do anything. I appreciate your reply, thank you.
 *     ```
       .wpapp_other_amt_input{
       padding-left:0px;
       padding-right:0px;
       max-width:180px;
       }
       ```
   
 * The below custom css kind of works.. it extends the input space if the number
   arrow is clicked up or down. I couldn’t figure out a way to extend the area if
   someone tries to type in the amount though. ..& the best scenario would be to
   extend the area before any visitor action is taken. Thank you again. Best, DG
 *     ```
       .wpapp_other_amt_input.fill_inited.filled{
       padding-left:10px;
       padding-right:0px;
       font-weight:bold;
       }
       ```
   
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15359378)
 * Hi, try the following CSS code.
 *     ```
       .wpapp_other_amt_input.fill_inited{
       max-width:180px;
       }
       ```
   
 * Let me know how you go.
 * Regards.
 *  Thread Starter [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15360169)
 * Hi, I also tried that with no effect but I’ve re-added it to the custom css to
   show you. Thank you again, DG
 *     ```
       .wpapp_other_amt_input.fill_inited.filled{
       padding-left:10px;
       padding-right:0px;
       font-weight:bold;
       max-width:180px;
       }
       ```
   
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15361394)
 * Hi, but you have not tried my CSS code. In your code above you are adding an 
   extra class **.filled**.
 *     ```
       .wpapp_other_amt_input.fill_inited{
       max-width:180px;
       }
       ```
   
 * Regards.
 *  Thread Starter [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15362983)
 * My mistake, ..I had also tried that. I just re-added your code and I’m sorry 
   to report that it doesn’t have an effect. I’ve left this css code in if you’d
   like to take a look. Thank you very much again, best. DG
 * ps. I also tried only altering {max-width} in the custom css for each of the 
   following classes, which didn’t do anything either.
 *     ```
       .wpapp_other_amt_input{
       .wpapp_other_amt_input.fill_inited{
       .wpapp_other_amt_input.fill_inited.filled{
       ```
   
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15365403)
 * Hi, I am not sure why the above custom CSS is not working in your site. You might
   have to get in contact with the theme developers. Lets hope they can share some
   light regarding your issue.
 * Also, can you let me know what they say. I am curious to know myself.
 * Thank you.
 *  Thread Starter [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15368397)
 * Copy and thanks, I will try contacting them to see if they can help shed any 
   light on it. I appreciate you looking at for me. I’ll follow up if I get a reply.
   All the best, DG
 *  Thread Starter [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15372104)
 * The theme’s dev support is going to look into this for me. I’ll let you know 
   what happens, thank you. DG
    -  This reply was modified 4 years, 3 months ago by [Doug Greaser](https://wordpress.org/support/users/drgdesign/).
 *  Thread Starter [Doug Greaser](https://wordpress.org/support/users/drgdesign/)
 * (@drgdesign)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15375553)
 * Hi again, it works now. They added an !important after your code and works perfect.
 *     ```
       .wpapp_other_amt_input.fill_inited{
       max-width:180px !important;
       }
       ```
   
    -  This reply was modified 4 years, 3 months ago by [Doug Greaser](https://wordpress.org/support/users/drgdesign/).
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15377248)
 * Hi, thank you for sharing the solution. That was going to be my next suggestion,
   adding **!important** to the custom CSS code if your theme developers did not
   come back with a solution.
 * I am glad to know that your issue is resolved 🙂 Well done.
 * Enjoy the plugin.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Other Amount CSS Max-Width’ is closed to new replies.

 * ![](https://ps.w.org/wordpress-easy-paypal-payment-or-donation-accept-plugin/
   assets/icon-128x128.png?rev=2722524)
 * [Easy Accept Payments via PayPal](https://wordpress.org/plugins/wordpress-easy-paypal-payment-or-donation-accept-plugin/)
 * [Support Threads](https://wordpress.org/support/plugin/wordpress-easy-paypal-payment-or-donation-accept-plugin/)
 * [Active Topics](https://wordpress.org/support/plugin/wordpress-easy-paypal-payment-or-donation-accept-plugin/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wordpress-easy-paypal-payment-or-donation-accept-plugin/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wordpress-easy-paypal-payment-or-donation-accept-plugin/reviews/)

## Tags

 * [other amount](https://wordpress.org/support/topic-tag/other-amount/)

 * 11 replies
 * 2 participants
 * Last reply from: [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * Last activity: [4 years, 3 months ago](https://wordpress.org/support/topic/other-amount-css-max-width/#post-15377248)
 * Status: resolved