Hide magnifying icon next to search box

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.

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/

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.