Joomla Templates Club 406,261 posts

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#190102

Is there any chance that the search in the header of the site to be replaced with the Smart Search which works much better?
Publishing the module (smart search) on the head-search doesn’t seem to fit very well.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#503905

JA Argo supports standard Joomla functions so if you configure Joomla for something like that then the question is yes.

You can change to use Smart Search Module replace to Search Module, however, we support styles for Search Module only (by default) and not style Smart Search Module, you should compare them and make change in css for Smart Search Module.

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#505265

Well, Smart Search is a standard Joomla! function, it is part of the core…
It is not third party extension or something.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#505461

I’ve reported this issue to dev team, they will fix and update in the next release of this JA Argo template.

At this mean time, you can apply my suggestion into your site:

+ Open templates/ja_argo/css/custom.css file

+ Add new script


.head-search .input,
.head-search .inputbox {
background: url(../images/ico/search.png) no-repeat 8px center;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 25px;
line-height: 25px;
display: inline-block;
width: 20px;
text-indent: 26px;
}
.head-search .input:hover,
.head-search .input:active,
.head-search .input:focus,
.head-search .inputbox:hover,
.head-search .inputbox:active,
.head-search .inputbox:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.head-search .input:focus,
.head-search .inputbox:focus {
color: #fff;
width: 180px;
}

.head-search br {
display: none;
}


Hope it helps.

[Author]

Posts