WordPress.org

1. millsy
   Member
   Posted 2 years ago #

   Hi

   Is it possible to change the default theme so that the search button in the theme becomes an image that I have created instead of the default html seach button?

2. Arie Putranto
   Member
   Posted 2 years ago #

   Edit your stylesheet, use the code below to style the button

   form#searchform input#searchsubmit {}

   for an example

   form#searchform input#searchsubmit {
   background: transparent url(images/submit.png) top left no-repeat;
   width: 50px;
   padding-left: 5px;
   display:block;
   overflow: hidden;
   /* Hack for IE */
   text-indent:-9999px;
   font-size: 0px;
   line-height: 0px;
   }

3. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   http://codex.wordpress.org/Styling_Theme_Forms#The_Search_Form

4. millsy
   Member
   Posted 2 years ago #

   Hi, thanks preaxz that works great except as its
   display:block;
   My search button is displaying on a new line as opposed to after the search box?

5. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try display:inline-block;. Or float the input box to the left.

6. millsy
   Member
   Posted 2 years ago #

   Thanks, just the job

7. kalibahlu
   Member
   Posted 1 year ago #

   I'm trying to do the same thing, and it's all working fine, except that I can't seem to get rid of the beveled border around the button (shows up in firefox). The image is showing up with the bevel box around it. Does anyone know how to make it go away? Thank you!

8. kalibahlu
   Member
   Posted 1 year ago #

   I'm using Kubrick, by the way.

9. madsmads
   Member
   Posted 1 year ago #

   Hi, I want to insert your snippet of code into my own page, but I do not know where to put the code, can you help me?

   Thank you.

Topic Closed

This topic has been closed to new replies.