Jump to content

Customizing the Search Box (searchfield)

Recommended Posts


Hi guys, I'm trying to customize the searchfield so that it floats left and is a certain width ( I don't need it to transition into a wider field once clicked on.... So I try:

.searchfield {
	float: left;
	width: 150px;

this works in Firebug, but once applied is the stylesheet of the customize plugin, it has no effect... any input would be appreciated thanks!

Share this post

Link to post
Share on other sites
Try this is Dashboard > PageLines > Settings > Custom Code > CSS Rules: [code].searchform .searchfield { -moz-transition: all 0.7s ease 0s; background: url("images/search-btn.png") no-repeat scroll 5px 50% transparent; border-radius: 13px 13px 13px 13px; float: left; height: 13px; padding: 5px 5px 5px 28px; width: 150px; }[/code] Worked for me in IE, didn't test Chrome. However, the text was just a bit high and moved about inside the field. You may be able to adjust that, if it happens to you.

Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now