WordPress.org

Support

Support » Themes and Templates » [Resolved] Changing Seach Button to an Image in Default Theme

[Resolved] Changing Seach Button to an Image in Default Theme

  • millsy
    Member

    @millsy

    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?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Arie Putranto
    Member

    @preaxz

    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;
    }
    esmi
    Forum Moderator

    @esmi

    millsy
    Member

    @millsy

    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?

    esmi
    Forum Moderator

    @esmi

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

    millsy
    Member

    @millsy

    Thanks, just the job

    kalibahlu
    Member

    @kalibahlu

    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!

    kalibahlu
    Member

    @kalibahlu

    I’m using Kubrick, by the way.

    madsmads
    Member

    @madsmads

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Changing Seach Button to an Image in Default Theme’ is closed to new replies.