Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 9, 2017 at 4:05 pm #836464
    GWS

    Hi,
    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.

    August 10, 2017 at 1:19 pm #836953
    Victoria

    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,
    Victoria

    August 10, 2017 at 2:16 pm #836983
    steviger

    Hi,
    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: http://imgur.com/liO9nRU
    Regards,

    Steven

    August 10, 2017 at 2:21 pm #836986
    GWS

    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.

    August 11, 2017 at 8:38 pm #837655
    GWS

    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?

    Thanks.

    August 12, 2017 at 9:05 pm #838019
    Victoria

    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,
    Victoria

    August 12, 2017 at 9:06 pm #838020
    Victoria

    Hi Steven,

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

    Best regards,
    Victoria

    August 13, 2017 at 12:46 am #838091
    GWS

    That did the trick. Thank you, Victoria.

    August 13, 2017 at 7:22 am #838161
    John Torvik

    Hi,

    You are welcome!

    Best regards,
    John Torvik

  • Author
    Posts
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.