Viewing 6 replies - 1 through 6 (of 6 total)
  • Hey there danina84,

    Hope you’re well today!

    Could you please post a link to you site so I can take a look? Generally this is something that could be done with some custom CSS.

    Best regards,
    Bojan

    Thread Starter danina84

    (@danina84)

    Hi,
    thanks for replying. Unfortunately, I am not allowed to post a link, therefore I only have the attached picture…

    hannah

    (@hannahritner)

    Hey danina84,
    This css should do the trick:

    .woocommerce .quantity input.qty {
    display: none;
    }

    Just paste into your custom css box in theme options > advanced settings.

    Hannah

    danina84, are you using the latest version of the theme? This should have been fixed a while ago. What browser are you using?

    Kadence Themes

    Thread Starter danina84

    (@danina84)

    Hey,
    yes, everything is the newest version! I am using Firefox…and the code Hannah gave me removed the box completely, but I want the box – just with EITHER the arrows OR the +/- …

    Strange the latest versions of the theme should already have css for this but You can add this in your custom css box in the theme options > advanced settings.

    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    input[type=number] {
        -moz-appearance:textfield;
    }

    Kadence Themes

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Woocommerce quantity box’ is closed to new replies.