This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler
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?
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
You must be logged in to reply to this topic.Log in/Sign up