Support » How-To and Troubleshooting » How do I shrink my search bar?

How do I shrink my search bar?

  • I figured out how to move the search box from my side bar to the header by reading another post. I moved the <?php get_search_form(); ?> file from the side bar folder into the header folder and I just kept placing the code in differant spots until it was where I wanted it. Now my problem is shrinking the bar down. Currently it runs along the full length of the header on the bottom, I would like it only in the bottom right hand corner of the header approximately 2-3 inches in length. Can anyone tell me know how you shrink this thing down please?
    P.S. I have no coding knowledge so please keep that in mind if you are kind enough to offer a suggestion.
    Many thanks to anyone who offers assisstance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You will need to adjust the bar using style.css

    Look for input#s

    Here you can edit or add the width.

    e.g. width:200px

    Just make sure there are no other input fields on your site as any changes you make might effect other input bars.

    Hope that helps


    Thanks for the help I looked through the style.css but there are quite a few input#s is there any way to make sure I have the right one?

    Have you got a link to your site?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I shrink my search bar?’ is closed to new replies.
Skip to toolbar