WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. fullmorton
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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

    Thanks

  3. fullmorton
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    Have you got a link to your site?

Topic Closed

This topic has been closed to new replies.

About this Topic