Joomla Templates Club 406,261 posts

[wallytbull Friend wallytbullJoin date: September 2008Posts: 16Downloads:0Uploads:2 Thanks: 4]

#177966

In Ja Rasite, including the demo on this website, a mouse click on the search module magnifying glass does not initiate a search. The user must press Return to search. Some users figure this out but others think that search is broken. Is there a way to get click to search?

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

#456955

<blockquote>Go to admin->Modules Manager->select Search module and postion Search and edit Search Module-> change Search Button No to Yes</blockquote>

And change css file.

open file /templates/ja_rasite/css/template.css
find 843

/* Search Module ---*/
#ja-search {
background: url(../images/search-bg.png) no-repeat center left;
position: absolute;
bottom: 20px;
right: 15px;
height: 30px;
width: 255px;
padding-right: 20px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
border: 0;
width: 215px;
padding: 6px 10px;
color: #999
background: none;
font-size: 100%;
font-weight: normal;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
font-size: 0px;
line-height:0px;
text-indent: -9999em;
border: solid 1px blue;
font-weight: normal;
width: 30px;
height: 30px;
background: url(../images/search-bg.png) no-repeat center 270px;
display: inline-block;
padding: 0px;
margin: 0px;
}


and change to

/* Search Module ---*/
#ja-search {
background: url(../images/search-bg.png) no-repeat center left;
position: absolute;
bottom: 20px;
right: 15px;
height: 30px;
width: 275px;
padding-right: 0px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
border: 0;
width: 227px;
padding: 6px 0px 6px 10px;
color: #999
background: none;
font-size: 100%;
font-weight: normal;

}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button,
#ja-search .button:hover,
#ja-search .button:focus,
#ja-search .button:active {
font-size: 0px;
line-height:0px;
text-indent: -9999em;
border: none;
font-weight: normal;
width: 18px;
height: 19px;
background: none;
display: inline-block;
padding: 0px;
margin: 0px 0px 0px 10px;
vertical-align: middle;
}

add to line fix error on IE7:

Open file /templates/ja_rasite/css/template-ie7.css
#ja-search .button {
vertical-align: top;
margin-top: 4px;
}

and copy this image into /templates/ja_rasite/images/ folder

---

Attachments:

1. 

[Author]

Posts