Drop-down arrow - by Tiina - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

  • Avatar: tipadei
    Tiina
    Participant
    February 28, 2018 at 17:08

    I have a plugin called N-Media WooCommerce PPOM in my use. It creates add-ons to my woocommerce products with drop-down menus. The theme seems to have some code that stops the dropdown arrow to not show.

    I found this code:

    select {
    -webkit-appearance: none;
    padding: 9px 6px;
    line-height: 1.2;
    height: auto;
    background: url(images/select-arrow.png) no-repeat center right;
    }

    I was thinking that if I delete the line -webkit-appearance: none; I would get the arrow to show but nothing happened. Is there a another way to fix the issue so that it wouldn’t affect anything else on the site?

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 1, 2018 at 08:47

    Hello,

    Please add this code in custom css:

    .single-product .product_meta select {
        -webkit-appearance: menulist;
    }
    .single-product .product_meta .ppom-wrapper .form-control:focus {
        box-shadow:  none;
    }

    How to create custom.css you can watch in this tutorial – https://www.youtube.com/watch?v=Qok2zRedRMY.

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.