WordPress.com Forums » Topic: Enterprise theme header search box text?

hallluke on "Enterprise theme header search box text?"

hallluke — Tue, 15 Feb 2011 02:54:51 +0000

You need to purchase the CSS upgrade for that code to work, though you can try before you buy if you go to Appearace > Edit CSS from your dashboard and paste in the code above. You can upload the images to your media library and copy the URL it gives you there. The default height is about 21px but you can always use a larger image and make the input box taller by adding a height:30px declaration in between the curly braces in the first line of code I gave you previously.

scottstemp on "Enterprise theme header search box text?"

scottstemp — Mon, 14 Feb 2011 13:06:46 +0000

Thanks for the reply!

What dimensions does the image need to have (or doesn't it matter?); also, where do I need to keep the image and how do I apply the CSS code you provide? Sorry to be a pain.

hallluke on "Enterprise theme header search box text?"

hallluke — Mon, 14 Feb 2011 00:14:30 +0000

You will need to create an image of the text you want to include and then apply it with CSS like the example shown below:

#searchform input#s {background:url("IMG-URL") no-repeat top left #efefef!important;}
#searchform input#s:focus {background:#efefef none!important;}

scottstemp on "Enterprise theme header search box text?"

scottstemp — Sun, 13 Feb 2011 12:07:33 +0000

I'm using the Enterprise theme for my blog at http://planningblog.org and would like the search box in the header to display 'greyed' text (such as 'Enter search here...' or similar) so that less tech-minded readers understand that it is a search box and not just a random white rectangle in the header.

There's no 'header' editing under the widgets tab and I can't figure out how to make the box show text. I can't find anything like this in the support pages or elsewhere in the forum, either.

Help please!