Drop Down Arrow Size and Color

This topic has 4 replies, 2 voices, and was last updated 4 years, 2 months ago by Aizaz Imtiaz Awan.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
February 14, 2020 at 3:52 pm #173484

joemnm
Participant

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

February 14, 2020 at 3:54 pm #173485

joemnm
Participant

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

Attachments:
You must be logged in to view attached files.

February 15, 2020 at 8:21 am #173589
Aizaz Imtiaz Awan
Keymaster
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.
February 17, 2020 at 4:37 pm #174072

joemnm
Participant

Perfect thanks!

February 18, 2020 at 5:43 am #174148

Aizaz Imtiaz Awan
Keymaster

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