Hi everyone,
I tried to make the search box in the Ja Rutile template a bit shorter by editing the CSS file. But then the search button came under on a second line. I want them to be on the same line, but shorter than the original template.
Can anyone help me by looking at the coding? This is what I have typed in the CSS file now:
/* Search */
#ja-search {
background: url(../images/search-bg.gif) no-repeat;
position: absolute;
right: 50px;
top: 35px;
height: 24px;
width: 70px;
font-size: 12px;
}
#ja-search .inputbox {
margin: 2px 3px 0 5px;
border: none;
background: none;
width: 100px;
}
*+html #ja-search .inputbox { /*IE 7*/
width: 95px;
}
*+html #ja-search .button { /*IE 7*/
padding: 1px 0px 1px 8px!important;
}
#ja-search .button {
border: none;
background: none;
font-size: 11px;
}
* html #ja-search .button {
width: 50px;
height: 22px;
}
