If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.


Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #16655

    I’m using the following code to create drop-down serach box.

    in searchform.php file:

    <form action=”<?php echo home_url( ‘/’ ); ?>” id=”searchform” method=”get”>


    <input type=”text” id=”s” name=”s” value=”<?php _e(‘search site’, ‘avia_framework’)?>”/>

    <?php wp_dropdown_categories( ‘show_option_all=All’ ); ?>

    <input type=”submit” value=”Search” id=”searchsubmit” class=”button”/>


    </form><!– end searchform–>


    The following problem appears:

    1,Search box to display properly in Firefox/chrom, but in IE dislocation

    2,’All’ can be displayed to other languages?

    I tried using custom.css, but I obviously am not using the right code to apply them.

    thanks everyone for the continuing help on here



    Unfortunately there’s not enough space to display the dropdown next to the search input field – following code will push the dropdown into the next line though:

    #searchform {
    width: 192px;

    Best regards,



    In chrome and firefox are normal, but there is a problem in IE

    The following are several display in the browser:





    firefox & chrom:



    Hi cxxc,

    You can add browser specific css to change the layout to exactly how you want it in each browser. So something like this:

    .msie6 #searchform {width: 192px;}

    The same thing can be done with msie7 and msie8 as the starting class and then add the css needed to customize it to fit your needs.



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘About the search box css settings’ is closed to new replies.