Adding smart search to search box and keep form layout

I would like to add smart search capabilities to the search box on the home page. I have been trying to find how to merge the css with the com_finder but I cant seem to find it. I really want to retain the look of the current search module and add the capabilties of the com_finder.

Can someone, anyone help me out with this? the url is mylawyerpro.com

Please enable override.css in Your theme settings,
then edit file:
/templates/gk_rockwall/css/override.css
and leave at its end:

Code: Select all

#gkSearch form input[type="text"] {
border: 3px solid #29a3e0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 4px 4px rgba(0,0,0,0.06);
-moz-box-shadow: inset 0 4px 4px rgba(0,0,0,0.06);
box-shadow: inset 0 4px 4px rgba(0,0,0,0.06);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #cbcbcb;
font-size: 14px;
font-style: italic;
height: 44px;
margin: 27px 0 0 64px;
outline: none;
width: 414px;}
#gkSearch form input[type="text"]:focus {
color: #222;
font-style: normal;
font-weight: bold;} 


Thanks it worked like a charm! One more smart search question. The bottom search. I want to add the same functionality there as well.

PS you rock man!

Code: Select all

#gkSearch form input[type="text"],
#gkSearchMiddle form input[type="text"] {
border: 3px solid #29a3e0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 4px 4px rgba(0,0,0,0.06);
-moz-box-shadow: inset 0 4px 4px rgba(0,0,0,0.06);
box-shadow: inset 0 4px 4px rgba(0,0,0,0.06);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #cbcbcb;
font-size: 14px;
font-style: italic;
height: 44px;
margin: 27px 0 0 64px;
outline: none;
width: 414px;}
#gkSearch form input[type="text"]:focus,
#gkSearchMiddle form input[type="text"]:focus {
color: #222;
font-style: normal;
font-weight: bold;} 


Just put this code in replace for old one.