How do I change the search icon?

metropolyhl

I would like to change the colour of the search icon magnifying glass... can't seem to locate it anywhere. Right now, its white on white~ It automatically changes when in mobile layout, I just want the mobile layout one to be the one for desktop layout too.

Ninja

metropolyhl
Hi
In Mobile and Desktop the icon is same, Its an image. To change the background color add this code in custom.css file in your template /css folder.

@media (max-width: 1680px){
.headright .search .form-control {
    background-color: #fff;
}}

Change the background color code with the code that you want behind the icon.
Here is path of Icon image : /templates/ja_mason/images/ico/search-invert.png

Regards

metropolyhl

Thanks, I think I got it.