Changing the magnify glass to white

This topic contains 1 reply, has 2 voices, and was last updated by  Vinod Dalvi 1 week, 6 days ago.

  • Author
    Posts
  • #2803
    hmoscatelli25
    Participant
    • Topics: 1
    • Replies: 0

    Hello!

    I’ve been going through the forums and looking at the other solutions for this problem but I am still having an issue with changing my magnify color from black to white.

    Link to the site: http://www.summit-flooring.com/

    Thank you in advance!

  • #2807
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 267

    I hope you are well today and thank you for your question.

    This is because the Summit Flooring Responsive theme that you are using on your site uses image to display magnifier icon image so you have to replace it with another magnifier icon image having white color.

    You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    .nav-menu li.astm-search-menu input.search-field {
        background-image: url('https://www.rrtrainers.com/wp-content/uploads/magnifying-glass-white.png');
        background-size: 100%;
    }
    #page .nav-menu li.astm-search-menu input.search-field:focus {
        background-image: url('http://www.summit-flooring.com/wp-content/themes/summit-resp/images/search-icon.png');
        background-size: 24px 24px;
    }

    Please change the image URL https://www.rrtrainers.com/wp-content/uploads/magnifying-glass-white.png in the above code to whatever you want to set.

    Best regards,
    Vinod Dalvi

You must be logged in to reply to this topic.