Searchbar style problem?

  • i use this css
    #searchbox {

    width:120px;
    float:RIGHT;
    padding:3px 4px;

    }
    #searchbox .textfield {
    background:#333333 ;
    color:#999999;
    font-size:10px;
    width:120px;

    float:none;
    }

    and this code

    <!– searchbox START –>
    <div id=”searchbox”>
    <?php if($options[‘google_cse’] && $options[‘google_cse_cx’]) : ?>
    <form action=”https://www.google.com/cse&#8221; method=”get”>
    <div class=”content”>
    <input type=”text” class=”textfield” name=”q” size=”24″ />
    <input type=”hidden” name=”cx” value=”<?php echo $options[‘google_cse_cx’]; ?>” />
    <input type=”hidden” name=”ie” value=”UTF-8″ />
    <span class=”switcher” ><?php _e(‘Switcher’, ‘inove’); ?></span>
    </div>
    </form>
    <?php else : ?>
    <form action=”<?php bloginfo(‘home’); ?>” method=”get”>
    <div class=”content”>
    <input type=”text” class=”textfield” name=”s” size=”24″ value =”Search this site” onfocus=”if(this.value==’Search this site’)this.value=”” />
    <span class=”switcher” ><?php _e(‘Switcher’, ‘inove’); ?></span>
    </div>
    </form>
    <?php endif; ?>
    </div>
    <!– searchbox END –>

    How can I change the white border (can`t find it)around the search bar and how can i add a buttom to the right ( like the serach buttom at this forum)

    https://www.kjagen.com

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

  • Hi,

    You need to specify the border and its color in search textfield area and apply the changes to the page in which you have used the search box..

    Thanks,

    Shane G.

    Thread Starter kjagen

    (@kjagen)

    Anyone can help?

    your first question:

    input.textfield, textarea {
background:#fff url() top repeat-x;
border:1px solid #A6A6A6;   <------
padding:2px 1px;
}

    Add in #searchbox .textfield css

    border: 1px solid #000000;

    You can change border size, style, color as per your requirement, by default border of text field is 1px solid.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Searchbar style problem?’ is closed to new replies.