Return to previous page

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

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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress 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.