Return to previous page

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

This topic has 2 replies, 2 voices, and was last updated 7 years, 3 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?

    #186718 Copied
    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

    #186776 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme

See All Templates

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