How to remove arrows of an old module

  • Resolved vitruvian24

    (@vitruvian24)


    3 years ago

    I used a great plugin for the amount and everything works properly, but then I was warned that other Internet browsers such as mozilla, etc. still show in the possibility of adding next to the number and arrows. I don’t see them there / safari. How can I please remove them?

    Link for picture: https://quick-up.store/wp-content/uploads/2022/02/image001.png

    Using: WP + plugin quantity – woocommerce – DIVI modul

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hannan

    (@phpcoderhannan)

    Hello vitruvian24,

    You can remove them to use below the custom CSS code:

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }

    /* Firefox */
    input[type=number] {
    -moz-appearance: textfield;
    }

    Please add those custom CSS codes on your theme customizer – Additional CSS Block.
    After Adding those codes input arrows will hide. see this – ( https://prnt.sc/B3JqixQxAdNc )

    Regards,
    Hannan

    Thread Starter vitruvian24

    (@vitruvian24)

    Goes well! Thank you so much from ur help ??

    Thread Starter vitruvian24

    (@vitruvian24)

    I had to return to this topic…the code worked on all browsers except firefox (mozilla), where the arrows still show up … could it be fixed somehow? Thanks a lot

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove arrows of an old module’ is closed to new replies.