Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #836464

    We want to leave the default search function as is in the top right of the theme. But on the content area we are using the search widget and have replaced the search icon with a custom image. However, the magnifying glass remains over top of the image we are using. I wouldn’t mind it so much except the magnifying glass isn’t resizing with the image. I’d like to hide the icon altogether, but all attempts to do so result in the custom image not displaying. Again, we only want this on the Avia search widget. I’ve included the website URL in the private content section of this topic.

    Any suggestions are appreciated. Thanks.


    Hey Gallop_Web,

    I am not seeing the default search icon. Could you please clear the cache, check again and get back to us?
    And if you still see that icon, please send us a few screenshots.

    Best regards,


    I have the same question. How can I replace the search submit button (including the magnifying glass) with my own? The only difference is that I use the search widget in the header ;)

    Please see screenshot here:



    Hey, there–

    I had resized the magnifier using #search-3 #searchform #searchsubmit to try to hide it. I just resized it so it is smaller and you can see what I’m talking about. Again, it is the custom search box widget below the slider. We can resize it, but can’t seem to hide the default magnifying glass icon altogether without having it affect the custom image we want to use in its place.

    Thank you for taking a look.


    Hi, again–

    I just reread my last reply to you and am not sure if it clear that we still want to hide the magnifying glass icon. When you view the site, you’ll see the search box widget below the slider looks like it has TWO magnifying glasses. The one with the red ‘splash’ behind it is the image we want to use to replace the Enfold magnifying glass icon. Is this doable?



    Hi Gallop_Web,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    #search-3 #searchform #searchsubmit {
        color: transparent;

    If you need further assistance please let us know.

    Best regards,


    Hi Steven,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,


    That did the trick. Thank you, Victoria.



    You are welcome!

    Best regards,
    John Torvik

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Replace search magnifying glass with background image only in content widget’ is closed to new replies.