Customize dropdown styling

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #104198
    HLM Supply
    Participant

    Hello, Pro user here. I am trying to widen the combo box drop down that shows the quantities but no luck so far. Under Styling I input width: 200px; but it did not do anything for the Qty field. The problem right now is that the drop down field only shows 2 numbers after making a selection from the combo box but when I set the quantity to something like 300 it looks like 30 in the quantity field. How do I widen the field to show more numbers?

    Also, is it possible to get rid of the Plus and Minus buttons on either side of the drop down? Right now it looks like this:

    | + | 20 / | – | Add to Cart

    But I want it to look like this.

    | 20 / | Add to Cart

    Thank you awesome plugin in every other way; better even than wooCommerce’s own plugin for this feature.

    • This topic was modified 1 year, 2 months ago by Omar Dabbas.
    #104199
    HLM Supply
    Participant

    Never mind, it does work, I had to use min-width to force it to widen the input area. Also, I had to add the following code in my extra CSS settings to hide the plus/minus buttons in case anyone else needs to do this:

    .quantity .minus, .quantity .plus {
    display: none;
    }

    #104200
    WPWhale
    Moderator

    Hello HLM Supply,

    Thanks a lot for your message, and happy to know you were able to solve, but I was just curious why the +/- buttons appeared next to dropdown, this is not the default behaviour.

    Anyways, it’s great to know it’s all sorted, and it made my day to hear such feedback, it will be great if you can leave it as a review for the plugin as well 🙂

    Best,
    Omar

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.