Changing the Search Icon Color

kgphotos

Hi. I am working on updating my search page as it is just too plain. Anyways, I was wondering if there was a way to change the color of the magnifying glass. Right now it is green, but I would like it to match my text color which is #770da1. Any way to do this via CSS? If there is CSS involved, I would need to know where to put it... entire site, just this page, etc. My search page is a standalone page.

Thank you...
-Karen

my website...http://www.karengrantphotography.com

photoclick

1) Go to http://www.karengrantphotography.com/search,
2) click Customize
3) Add CSS block
4) Add following css code to the CSS block:

.sm-search-button-search{
border-color: #770da1 !important;
background-color: #770da1 !important;
}

.sm-search-button-search: hover{
border-color: #770da1 !important;
background-color: #770da1 !important;
}

Use any color you wish.

kgphotos

Thank you soo much!!! It looks much better now that it matches my color theme.

-Karen

my website: http://www.karengrantphotography.com

photoclick

The alternative way of doing the same is to change the Accent Color in your theme editor