• 0
Sign in to follow this  
Followers 0

Make Search Bar entry field/box always visible


Question

Posted · Report post

Hi I would like to know if it is possible to make the search bar field/box always visible, so instead of having a magnifying glass and then animating the box to open when the mouse hovers over, I would like it to always show the box/field and magnifying glass.

 

Thanks

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Hi,

 

Add the following to your custom CSS:

 

#site .searchfield {
width: 150px;
}
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Danny, much appreciated.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No Problem!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This is great, thank you Danny for putting this in!

 

Do you know if there is also a way to have a default text field so that it actually says 'Search' in the box?

 

Thank you for the help!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It should say search when you click on the field ?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

When I apply the CSS It always has 'search' in the field, and the word moves left when the user clicks in the field.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You will want to probably change the text-indent styling or make sure that all the search fields CSS have the same width.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you put the text-indent styling in the cheatsheet you are creating?

Thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ill make a note of it!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny sorry... I meant to say that "Search" does show up but is there a way that I can change it to say "Search The Site" or some other form of custom text?

 

Thank you and sorry for the miscommunication on my end!

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
Sign in to follow this  
Followers 0