Other Amount CSS Max-Width

  • Resolved Doug Greaser

    (@drgdesign)


    3 years, 3 months ago

    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 to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    3 years, 3 months ago

    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

    (@drgdesign)

    3 years, 3 months ago

    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

    (@mbrsolution)

    3 years, 3 months ago

    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

    (@drgdesign)

    3 years, 3 months ago

    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

    (@mbrsolution)

    3 years, 3 months ago

    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

    (@drgdesign)

    3 years, 3 months ago

    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

    (@mbrsolution)

    3 years, 3 months ago

    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

    (@drgdesign)

    3 years, 3 months ago

    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

    (@drgdesign)

    3 years, 3 months ago

    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, 3 months ago by Doug Greaser.
    Thread Starter Doug Greaser

    (@drgdesign)

    3 years, 3 months ago

    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, 3 months ago by Doug Greaser.
    Plugin Contributor mbrsolution

    (@mbrsolution)

    3 years, 3 months ago

    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.