I have had a look at the glossyblue theme at http://themegarden.org/drupal50/, and i notice that the search button is not aligned
horizontally with the text field. That also goes for the search button on the search results page.

Can anyone think of a way to fix this, so that the input box and the submit button is aligned?

Besides from that - a really great theme!

Comments

AmirTheSeventh’s picture

AmirTheSeventh commented

Replace this codes inside the stlye.css:

To fix the search button on the search results page:

form input[type="submit"] {
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:none;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

To aligne the search button horizontally with the text field (tested on IE7):

/*search form */
#search-theme-form {
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
}
#search-theme-form input[type="text"] {
	width: 135px;
	height: 21px;
	padding: 2px 5px 1px 5px;
	border: 1px solid #bed881;
	background: #fff;
	margin: 0 0 0 0;
	color: #000000;
	font-weight: normal;
}
#search-theme-form input[type="submit"] {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	margin: 0 0 0 0;
	width: 67px;
	height: 26px;
	/*vertical-align: middle;*/
	float: none;
}
chrisada’s picture

chrisada commented
Status: Active » Fixed

Thanks for the CSS fix. Commited to 5.x-1.x-dev

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.