How do I shrink my search bar? (4 posts)

  1. fullmorton
    Posted 2 years ago #

    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.

  2. rikardo85
    Posted 2 years ago #

    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


  3. fullmorton
    Posted 2 years ago #

    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?

  4. rikardo85
    Posted 2 years ago #

    Have you got a link to your site?

Topic Closed

This topic has been closed to new replies.

About this Topic