Home Forums Weaver Xtreme Theme How do I change the color of the magnifying glass in the search box?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #65677
    Patti
    Participant

    I’ve consulted The Guide & searched all over this forum. And cannot find the answer I am looking for. I would like to change the color, of the magnifying glass, that is in the search box on my website. Will you please send me the CSS so I can do it?

    #65679
    scrambler
    Moderator

    Inspecting the site with the browser developer tools would show you the CSS styling the icon.

    From it you can use the same selector with the color property below

    .menu-search .search-form:before {color:red;}

    #65683
    Patti
    Participant

    I added your CSS to my site and it didn’t change anything. I tried a couple different hex color numbers and they didn’t work, either. What am I doing wrong? Site: https://quilttherapy.com.

    #65684
    scrambler
    Moderator

    The search appears different on your site than mine, yours need

    #wrapper .search-form .search-submit {color:red;}

    #65687
    Patti
    Participant

    That worked! Thanks much!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.