Other Amount CSS Max-Width

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.

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;
}

Hi, try the following CSS code.

.wpapp_other_amt_input.fill_inited{
max-width:180px;
}

Let me know how you go.

Regards.

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;
}

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.

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{

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.

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

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 3 years ago by Doug Greaser.

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 3 years ago by Doug Greaser.

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.