Search module - VM

Hi,

The template Bike Store for J2.5 I would like to use the search of Virtuemart to display search results.
After changing the search engine on the VM, you lose a nice look styles assigned to Joomla default search engine.
How to maintain the appearance of the Joomla search and combine it with the way of displaying the results of searches for VirtueMart search.
In the search module VM add class suffix CSS in expanded options?

Could you please post an url to your site where the vm search is published?

http://www.multi-max.pl/ - production version (Joomla search)
http://multimax.netiweb.pl/ - developer version (VM search)

Please edit: /templates/gk_bikestore/css/override.css and add at its end:

Code: Select all

#mod_virtuemart_search {
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    color: #aaa;
    height: 34px;
    line-height: 35px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 225px;
    font-weight: 300;
    float: left;
    margin-right: 11px;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -ms-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}
#mod_virtuemart_search:active,
#mod_virtuemart_search:focus {
   width: 265px;
}


Remember to enable "CSS override" in template settings - advanced section.

Ok, thanks

Is the above code working the way you required?