Deleting Search Box from theme?

  • Resolved James

    (@jamestl2)


    17 years, 6 months ago

    I am trying to remove my theme’s default search function (which is at the top of the screen) and replace it with Google’s search in my sidebar (the theme I’m using is FreshBlue Idea).

    So far I have,
    Deleted the following code in my header.php page:
    <!– Here’s menu bar –>
    <div id=”search”>
    <form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
    <input type=”text” value=”<?php the_search_query(); ?>” name=”s” id=”s” value=”type here…”/></form>
    </div>

    This deleted the searching function, but the search box’s “image” is still there (like it still shows the box, but you just can’t click on it.)

    I also tried deleting this code from my searchform.php page:
    <form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
    <input type=”text” value=”search” onblur=”if (this.value == ”) {this.value = ‘search’;}” onfocus=”if (this.value == ‘search’) {this.value = ”;}” name=”s” id=”s” /></form>

    But this didn’t seem to do anything, any help would be appreciated.

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

  • look in your css file and delete or comment out the styling for search

    Thread Starter James

    (@jamestl2)

    I did remove the following code from my stylesheet.php, but that didn’t seem to do anything either (If it is even the right code to remove?).

    #search {
	position: absolute;
	top: 15px;
	font: Trebuchet MS, Verdana, Sans-Serif;
	width: 763px;
	text-align: right;}

#s {	color: #ababab;
	width: 115px;
	font: Trebuchet MS, Verdana, Sans-Serif;
	font-size:1.15em;
	background: transparent;
	border: 0px solid transparent;

}

#s:focus {
	color: #3c3c3c;
	width: 115px;
	font: Trebuchet MS, Verdana, Sans-Serif;
	font-size:1.15em;
	background: transparent;
	border: 0px solid transparent;}

#s:hover {
	color: #3c3c3c;
	width: 115px;
	font: Trebuchet MS, Verdana, Sans-Serif;
	font-size:1.15em;
	background: transparent;
	border: 0px solid transparent;}

    look for this {style.css (line 153)

    .searchform input.textbox
    background:#FFFFFF none repeat scroll 0%;
    border:1px solid #CCCCCC;
    color:#333333;
    margin:0pt;
    width:120px;

    #search {
   display: none;
}

    should do the trick.

    Thread Starter James

    (@jamestl2)

    Thanks for the quick responses, however:

    That code (near line 153), was nowhere in my style.css document.

    I also tried the display none code too, but it still showed up.

    I wrote a post at my dummy site, which contains the *original* code (before I was tampering with it) to my stylesheet. It is also the theme I’m currently working on.

    The search background sits in your header image:

    https://test.toptenlisted.com/test/wp-content/themes/freshblue-idea-10/images/header.jpg

    Thread Starter James

    (@jamestl2)

    Thanks,
    It didn’t look like it was a part of the header image to me when I was viewing the theme.

    Is there any way to alter the image’s code to delete it and “fill out” the empty space with the blue-ish box?

    Thread Starter James

    (@jamestl2)

    Or maybe I could create an entire new image with the same colors as the blue box header (without the search box).

    What would the code be to create a “replica without the search box” (something that could create that blue “fading effect”?

    Thread Starter James

    (@jamestl2)

    Ok Nevermind, I was able to edit it with microsoft photo editor.

    Thanks for all the help

    Hi Jamest,

    I have written an article for the same.

    https://techtracer.com/2007/10/14/unleash-the-power-in-your-blog-with-google-custom-search/

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Deleting Search Box from theme?’ is closed to new replies.