Removing Magnifying Glass Icon from Search Widget
Is there a way I can remove the magnifying glass Icon from the search widget?
|
In searchform.php, delete this:
PHP Code:
|
All of the code you reproduced there or only the stuff in blue? I want a button instead of the icon.
|
You didn't mention that you want a button. The search form would still have worked - by pressing [Enter] on the keyboard.
To replace the magnifier with a HTML button, replace, in searchform.php: PHP Code:
PHP Code:
|
Worked like a charm. I hope you're the guy that gets the money in the tip jar. I left a little bit for you. I have another question coming up.
|
Quote:
|
I'm trying to place my own button instead of the magnifying glass.
Searchform php: <form method="get" class="searchform" action="<?php bloginfo('url'); ?>/"> <table class="searchform" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="searchfield"> <input type="text" class="text inputblur" value="<?php the_search_query(); ?>" name="s" /> </td> <td class="searchbutton"> <input name="submit" value="search" type="image" src="<?php echo get_bloginfo('template_directory'); ?>style="display: block; border:none; padding: 0 0 0 5px; margin: 0px;" /> </td> </tr></table> Need to know how to delete the word search and still be able to place my button and the end of the box. </form> CSS Insert: .searchfield input { color: #781351; background: #fee3ad; top left; border: 2px solid #8718c5; width: 180px; padding: 0px 0px 5px 0px; margin-bottom: 10px; margin-right: 0px; } .searchbutton { background: url(./wp-content/themes/atahualpa353/images/search_go.png) top left; no-repeat; } Need to know how to get rid of the word Search and still be able to have my new button positioned at the end of the box. Right now, somehow I have four images of my button showing with "Search" over printing them.:confused: |
All times are GMT -6. The time now is 09:20 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.