Support » Plugin: NGG Smart Image Search » Hide magnifying icon next to search box

  • Resolved gloda

    (@gloda)


    This plugin’s just what I needed. I’m trying to incorporate the search as a widget on my front page on a private website.
    Is it possible to hide the magnifying glass icon when using the “general theme dependent style”? The icon does not work well with the theme I’m using (Gridly, child theme of Genesis): it creates a narrow field with the magnifying glass icon on the right that spans the complete height of the page.

Viewing 5 replies - 1 through 5 (of 5 total)
  • This is what happens for me as well. I haven’t been able to use the search bar at all and just have my clients rely on the tag cloud to find images on the site.

    Plugin Author wpo-HR

    (@wpo-hr)

    Sizing the magnifying icon is a bit tricky, as it heavily depends on general theme settings, especially if the theme is responsive.
    However, you can hide the icon by css settings. Normally a theme offers the possibility to add custom css.

    If you use the general theme dependant style, add the following css:
    form.search-form button.search-submit { display: none !important; }
    However, this might impact other search fields of your theme as well.

    To be on the save side, use the plugin specific style and add this css:
    form.hr-searchform-box button.hr_searchsubmit { display: none !important; }
    This should hide the icon only for this plugin.

    Tried adding the following to custom css

    
    form.hr-searchform-box button.hr_searchsubmit { display: none !important; }
    

    but it didn’t work. I still have a misplaced magnifying glass and tall image.

    https://www.filmrochester.org/locations/

    Plugin Author wpo-HR

    (@wpo-hr)

    You still use the general theme dependant style for the searchform on your website, therefore the plugin specific CSS customization cannot work.
    You have first to select the plugin specific style on the setting page of the plugin before the given CSS customization will work.

    Thanks! I don’t remember seeing those settings when I set up the plugin a couple years ago. Perhaps they’re new? Now that I know what to do, the vertical image problem is gone and I can safely turn the magnifying glass back on. No need to add that CSS code after all.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide magnifying icon next to search box’ is closed to new replies.