This topic has 8 replies, 3 voices, and was last updated 8 years, 4 months ago ago by Jack Richardson
Is it possible to change the color of the search icon in the header? I’d also like to move it down just a bit. What is the CSS to target the search icon?
Hello,
Try the following css code in Theme Options > Custom CSS > Global Custom CSS section:
.et-search-trigger .fa-search {
color: #0066bf;
margin-top: 8px;
}
Set the values to your needs.
Best regards,
Jack Richardson.
Thank you, Jack!
The positioning worked but the code did not change the color of the magnifying glass icon.
Any other ideas?
Hello,
As I see it’s working perfect. See screenshot: http://prntscr.com/c8ygac
Regards,
Robert Hall
But that’s not the color I assigned. This is my CSS in Theme Options > Custom CSS:
Hello,
Try to add !important
to color property like this:
color: #0066bf !important;
Best regards,
Jack Richardson.
That did it! Thanks, Jack!
Hello,
You are welcome.
Best regards,
Jack Richardson.
Tagged: color, header, position, search icon, themes, woocommerce, wordpress
The issue related to '‘Change color/position of search icon in header’' has been successfully resolved, and the topic is now closed for further responses