Quantity Box deformed

  • Hi support,
    I love working with the Botiga theme, but unfortunately I came across a problem.

    With a table-plugin in Elementor I am working on a list of Woocommerce products.
    It appears that Botiga shows quantity boxes completely deformed in that list.
    I tested that list with the Flexia theme and then it shows the boxes perfectly with up and down arrows. Here you can see the differences: https://postimg.cc/gallery/byTsLtc
    Obviously the list expects up and down arrows at the side of the box.
    Single product pages are showing the quantity box fine in both themes and with plus and minus at the sides of the box.

    Would you be so kind to help?

    Thnks
    DV

    The page I need help with: [log in to see the link]

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

  • Hi @dvalck,

    Looks likely the issue is shown on a specific element made with particular plugin.

    I need more information to find out the best solution to suggest. Could you provide the detailed steps to replicate the page or section where the issue appears?

    Thread Starter dvalck

    (@dvalck)

    Hi Kharis,

    The page is made with Elementor using the plugin UltraAaddons widget called Product Table.
    Here you can see messages in devtools with both themes.
    Maybe this can be of help.
    https://postimg.cc/gallery/dLYMFrk

    Thanks
    DV

    Hi @dvalck,

    Thank you for getting back.

    I did some testings with the plugin.

    To enhance the quantity number box UI, you would add this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    .wpt_product_table .quantity {
  height: auto;
  border: none;
}

.wpt_product_table .quantity .qty[type="number"] {
  min-width: 50px !important;
  max-width: 80px !important;
  -moz-appearance: unset !important;  
}
    Thread Starter dvalck

    (@dvalck)

    Hi Kharis,

    Thank you for the CSS, but it seems just cosmetic. I see no border and no arrows up and down next to the quantity.
    Further I activated some 10 other themes to see what they do and all present the quantity box as it should be, boxed and arrows up and down.
    Any further ideas are welcome.
    Thanks
    DV

    Hi @dvalck,

    I have been reporting this to our development team to check further. And permanent fix will come in the future update of the theme’s versions. Thanks for helping us on finding this CSS issue.

    Thread Starter dvalck

    (@dvalck)

    Hi Kharis,

    Looking forward to this.
    Thanks for your reply

    DV

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Quantity Box deformed’ is closed to new replies.

Tags