Drop Down Arrow Size and Color

How can I make the drop down arrow in variable product selectors a different color? I have variable products in my store and I want the drop down arrow in the drop down box to be bolder and this red: e71b24

Please see attached image

First image is too big sorry, here is a smaller image

Attachments:

You must be logged in to view attached files.

Hello,

Actually, this is the small image so you should change the image with custom CSS code. Please add the below given code and paste it to Theme Settings >> Custom CSS >> Global CSS code section:

.variations_form .variations .value select {
    background-image: url(https://www.pikpng.com/pngl/m/275-2759948_orange-arrow-down-graphic-design-clipart.png);
}

Just change the image URL or use your own image in the above CSS.

Result: http://prnt.sc/r2mxiv

Best Regards.

Perfect thanks!

Most Welcome :-)

If you do not mind, can you please leave 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts