How to edit hover color on elements (border on color select and social media icons)

[Michelle S]

Hi everyone,

Has anyone edited the element where a user selects the color of a product, namely changing the color of the border from black to the color I desire (#21b2a6) and also removing the drop shadow?

Also, is there a way to edit the hover color of the social media icon?

Thanks!

[JBW]

Use the inspect function of your browser to find the CSS style. Then put your adjusted CSS into /theme/*yourthemename*/assets/custom.css

The social media buttons are images, so you have to edit them in a image editor to change the color

[Michelle S]

Thank you, I was able to change the border color.

Do you know which folder should I access to change the icons? Because I can't find them myself.

Edited October 14, 2020 by Michelle S (see edit history)

[JBW]

3 hours ago, Michelle S said:

Do you know which folder should I access to change the icons?

There is no folder. As you can see in the CCS its direct image data. So you could create your own data and define it in CSS (check e.g. https://css-tricks.com/data-uris/) or you upload the file to your ftp (whatever path you want, maybe /theme/*yourtheme*/assets/img/ and define it as url in your CSS.