WordPress.org

Support

Support » Themes and Templates » [Resolved] search box styling

[Resolved] search box styling

  • Hello!

    I added a simple search box to my sidebar:
    `
    <?php get_search_form(); ?>; ?>

    But I want the <search> button to appear like another Navigation Link (no button!) and I like the text input box to be smaller.

    How can I control the layout of the built in searhbox?

    thx,
    p.

Viewing 4 replies - 1 through 4 (of 4 total)
  • muthukswamy

    @muthukswamy

    Use CSS to control the design. The unique IDs for these are:

    1. Search Field – #s
    2. Search Button – #searchsubmit

    thx alot, that works!

    This has worked for the look so far. But I still have an issue:
    I don’t no how to change the order of the input field and the button – I really should have the button input field first. Is this possible? And where to change?

    You have a hint on that also?

    thx,
    piedro

    muthukswamy

    @muthukswamy

    Goto your theme folder and look for a file named “searchform.php” that is where the code for search form resides. I usually have this file with content:

    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    	<fieldset>
    		<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
    		<input type="submit" id="searchsubmit" value="Search" />
    	</fieldset>
    </form>

    If you wish to have the search button first make it:

    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    	<fieldset>
    		<input type="submit" id="searchsubmit" value="Search" />
    		<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
    	</fieldset>
    </form>

    Thx muthukswamy!

    I’ve been searching through includes & functions to find the appropriate code – and there it is! So simple if you know it …

    That’s all I need,
    thx for your effort,
    cu, p.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] search box styling’ is closed to new replies.
Skip to toolbar