Help moving Search bar in wordpress

5 replies
  • WEB DESIGN
  • |
Would just like to say Hi firstly, I have joined this site hopefully to learn more about SEO and this forum seems to be cropping up every time I search for something SEO related.

Now onto the problem I need help with a couple of things regarding my wordpress site, the site is free-playstation3.com. If possible I would like to move the search bar into the navigation bar and if that's not possible remove it altogether.
The second thing is removing the two home pages I would just like the Home icon as my home page. Hope that all makes sense and that you can help thank you in advance.
by the way the theme I am using is Iblog 3.2 hope if that helps
#bar #moving #search #wordpress
  • {{ DiscussionBoard.errors[5738234].message }}
  • Profile picture of the author webpeon
    I have 0 experience with wordpress so im not sure if this is relevant, if you have access to the html/css you can just create a new div and place both the menu and searchbar in the div.

    if you just want to remove the searchbar, open the css and locate the .searchform class and add display:none; this will remove the searchbar


    as for your last question, the home icon does redirect you to the homepage so either youve fixed this already or theres no need to do anything further.
    Signature
    Web 2 Mobile
    The Future of The Web
    {{ DiscussionBoard.errors[5738516].message }}
  • Profile picture of the author krytical
    I also need help removing the Wordpress Nav Bar altogether on my blog. I do not want the Nav Bar at the very top of the page. How would I go about removing it?
    FYI, I have the WP Stylishblue theme.
    {{ DiscussionBoard.errors[5744130].message }}
  • Profile picture of the author realdude
    Here are some instructions that work for me:

    Search Box Placement

    First back-up your files just in case, then you'll need to add some styling to your style.css file. Try the code below which you can adjust for colour etc later:

    /* Search */
    .nav-search {
    float:right;
    width:auto;
    margin-top:6px;
    margin-right: 6px;
    margin-bottom: 0px;
    margin-left: 0px;
    }

    .nav-searchbox {
    background:#81b201 !important;
    color:#000000;
    font-weight: normal;
    padding:2px 0px 2px 2px;
    margin:2px 2px 0 10px;
    border:0px solid #6B6B6B;
    display:inline;
    width:100px;
    }

    #searchbutton
    {
    font-weight:normal;
    background: #393939 !important;
    color:#d4d4d4;
    margin:0;
    padding:1px 2px 1px 2px;
    border:0px solid #000000;
    display:inline;
    width:auto;
    cursor:pointer;
    }
    /* End Search */

    In header.php, find the following, probably lines 53 and 54:

    <div class="l"></div>
    <div class="r"></div>

    Replace these lines with:

    <div class="l"></div>
    <!-- Begin Search Box -->
    <div class="nav-search">
    <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <div style="width:auto;margin:-1px 9px 0 0;">
    <input type="text" value="Search" onclick="this.value = '';" name="s" id="searchbox" onfocus="if (this.value == 'Search')
    {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" class="nav-searchbox" />
    <input type="submit" id="searchbutton" value="Go" />
    </form>
    </div>

    <!-- End Search Box --></div>
    <div class="r"></div>

    That should do it, although you may need to adjust the searchbox margin settings to align it properly.
    {{ DiscussionBoard.errors[5744704].message }}

Trending Topics