Change Look n Feel

Besides built in Module Settings, this module allows you to completely change the look and feel to match your site and/or preferences using Cascade Style Sheets - CSS

You can apply css to the Search Box using css class GCSearchBox and Search Button using css class GCSearchButton

How do I show an Image instead of a search button?

Use the GCSearchButton css class to show a background image. Also make sure that you have not specified any name for search box in Module Settings. See the css example below:

.GCSearchButton
{
 margin:0px;
 padding:0px;
 border:none;
 width:30px;  /*Same as Background Image's Width */
 height:25px; /*Same as Background Image's Height */
 background-image:url(Path to Image File);
 background-repeat: no-repeat;
 background-position: center center;
 background-color: transparent;
}

Make sure to change the "Path to Image File" if using the above css template.




Use of this module is subject to End User License Agreement (EULA)