MetroPro search bar in pri-nav

[Albert]

Hi there

I have been tuning my website the whole night, but I just can't solve the 3 problems.
It's the bloody Search Bar that I put in the primary-navigation menu on the right side.

First: There is a weird grey border square border around it, I want to get rid of it.
Second, In IE the text "search this website" isn't visible.
Third: How can I change this text, can't find it anywhere in the code.

Any helping hands out there?

Cheers,

http://ahvenema.nl/

[JanHoek]

The gray "border" is coming from the background-image

.search-form input[type="search"] {
	background: url(images/search.png) no-repeat 15px 16px;
	padding: 16px 16px 16px 44px;
	border: 0;
}

and this style

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd inset;
	color: #999;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 16px;
	width: 100%;
}

To change the text you can put this in your functions.php

//* Customize search form input box text
add_filter( 'genesis_search_text', 'sp_search_text' );
function sp_search_text( $text ) {
	return esc_attr( 'Search my blog...' );
}

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Albert]

Found it, the IE problem is solved as well.

Thanks,

[santoki]

I want to replace the search bar in the primary header with a phone number. The only way I could think to do it was to make an image and place it there using a standard text widget. However, I can't get it to align to the right as the default search bar does.

Any recommendations?

http://www.gtawestliving.com

[Albert]

I see your problem is fixed? If not, open a new topic with your question. You get help faster.
Il mark this topic as Solved.

[solved]

[Author]

Posts