How To Change Magnifying Search Icon Color In Suits Theme?

  • Hello,
    This is my first post! Woopee. I am so excited about WordPress. I am starting a blog for a friend of mine using the Suits Theme. The magnifying glass search icon is black on a grey background. It is difficult to see. I want to make the magnifying glass the same white as the text on the navigation menu. How can I do this? The website is: guriladesign.com
    Thanks!
    David

Viewing 2 replies - 1 through 2 (of 2 total)

  • Great to hear you are enjoying WordPress!

    Taking a quick look at the theme you have selected, the magnifying glass is an image file located under your-site.com/wp-content/themes/suits/images/search-icon.png. You would need to edit the image file and then overwrite the default version with your own custom version.

    Or, if you are using a child theme, you can upload the image to the Media Library and reference the new image using CSS in your child theme:

    .site-header .search-field {
  background-image:url("https://your-site.com/where-ever-you-put-the-new-image/search-icon.png");
}

    If you are not familiar with child themes, please review the following: Child_Themes

    Thread Starter davidhunternyc

    (@davidhunternyc)

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How To Change Magnifying Search Icon Color In Suits Theme?’ is closed to new replies.