My first try was “on top of the search” in the same div, but had trouble with the language switcher could not open.
Then I started with a separate div “topright”. Your where right about the height, I made the div all simple and adjusted the padding, now it looks perfect and works :-)
like this:
PHP Code:
<div class="headertopright">
<?php do_action('icl_language_selector'); ?>
</div>
<div class="headerright">
<form id="searchformheader" method="get" action="<?php echo get_option('home') ?>/">
<input type="text" value="Search this website..." name="s" id="searchbox" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
<input type="submit" id="searchbutton" value="GO" /></form>
</div>
and my style.css
Code:
.headertopright {
float: right;
padding: 10px 50px 10px 0px;
}
.headerright {
width: 300px;
float: right;
margin: 0px;
padding: 36px 10px 0px 0px;
text-align: right;
}
But I have a new question? How can I remove the “round” corners in the search form?
I thought just remove these 3 lines
bold, but nothing happens?
Code:
#subbox {
background: #FFFFFF !important;
width: 185px;
color: #222222;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
border: 1px solid #DDDDDD;
}