This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Search bar in header-addon

  • Creator
    Topic
  • #8206
    ricksouth
    Participant

    For the site http://www.bwfli.com, I would like to put the Search bar in the header under the facebook icon like shown in this header mockup http://i40.tinypic.com/apep34.png . Using firebug, I found the code for the facebook icon and for the search widget. Can I put these into my functions.php in the Child theme? This also makes it come up with facebook with a narrow browser above the menu, which is good.
    Also, I would like to style it with transparency (I assume with a PNG) and make it as shown in the mockup above?
    Thanks.

    <?php
    
    /* Adding Search onto header-addon 5-10-13 */
    <div class="header-addon">
    <div class="social-media">
    <div class="themeblvd-contact-bar">
    <ul class="light">
    <li>
    </br></br> // Moves facebook icon down from vertical center
    <a class="facebook" target="_blank" title="Facebook" href="http://facebook.com/bwfli">Facebook</a>
    </li>
    
    <li>
    <aside id="search-2" class="widget widget_search">
    <div class="widget-inner">
    <div class="themeblvd-search">
    <form action="http://www.bwfli.com/" method="get">
    <fieldset>
    <span class="input-wrap">
    <input class="search-input" type="text" value="Search the site..." onfocus="if(this.value == 'Search the site...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search the site...';}" name="s">
    </span>
    <span class="submit-wrap">
    </fieldset>
    </form>
    </div>
    </div>
    </aside>
    </li>
    
    </ul>
    <div class="clear"></div>
    </div>
    </div>
    </div>
    
    ?>
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.