Joomla Templates Club 406,261 posts

[edmundfrench Friend edmundfrenchJoin date: May 2011Posts: 12Downloads:0Uploads:0 Thanks: 2]

#164190

Hi, the default ‘search’ position is currently showing up completely black. Also when I activate the ‘search’ button (as an image or text) it appears on the left hand side over the search box rather than on the right at the end of the search box.

Any idea how I fix this?

http://oakfloors.sway-search.co.uk/index.php

Cheers

John

http://www.swaysearch.com

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#392425

Please change this code:

#ja-search .inputbox {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #CCCCCC;
font-weight: bold;
padding: 10px 0 0 40px;
}

to


#ja-search .inputbox {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
color: #CCCCCC;
font-weight: bold;
margin: 6px 0 0 10px;
padding: 10px 0 0;
}

and change this code:

#ja-search {
background: url("../images/icon-search.png") no-repeat scroll 5px 0 transparent;
float: left;
min-height: 35px;
overflow: hidden;
width: 20%;
}

to:

#ja-search {
background: url("../images/icon-search.png") no-repeat scroll 158px 50% transparent;
float: left;
min-height: 35px;
overflow: hidden;
width: 20%;
}


in templates/ja_mesolite_ii/css/template.css

[edmundfrench Friend edmundfrenchJoin date: May 2011Posts: 12Downloads:0Uploads:0 Thanks: 2]

#392652

Hi Thangnn, that’s improved it – next question (I’m afraid) – is it possible to hide the standard search button and move it to under the search symbol? What I’d like is the magnifying glass to be used as the button to search.

Cheers

John

http://www.swaysearch.com

[Author]

Posts