Edit dropdown selection down arrow

  • Resolved patrickallairmedia

    (@patrickallairmedia)


    3 years, 12 months ago

    Hi, I really like your plugin but when I tried to edit your dropdown selection down arrow to look like my other dropdown selection styles I noticed that the down arrow is simply not in the html at all. Where is this located so I can change it to be similar to my other dropdown selections on this page.

    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ThemeHigh

    (@themehigh)

    Our plugin doesn’t add any styles to the product page. It uses the default WooCommerce style or the theme style.

    You can add the custom classes for the fields by providing it in the options CSS Class and can add the style accordingly.

    Thank you!

    Thread Starter patrickallairmedia

    (@patrickallairmedia)

    @themehigh
    I figured out the problem was the default browser styles for the dropdowns.
    I did this to remove them.

    select::-ms-expand {
    display: none !important;
}
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
}
    Plugin Author ThemeHigh

    (@themehigh)

    Great!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Edit dropdown selection down arrow’ is closed to new replies.