WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing Seach Button to an Image in Default Theme (9 posts)

  1. millsy
    Member
    Posted 4 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 4 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
    Forum Moderator
    Posted 4 years ago #

  4. millsy
    Member
    Posted 4 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
    Forum Moderator
    Posted 4 years ago #

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

  6. millsy
    Member
    Posted 4 years ago #

    Thanks, just the job

  7. kalibahlu
    Member
    Posted 4 years 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 4 years ago #

    I'm using Kubrick, by the way.

  9. madsmads
    Member
    Posted 3 years 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.

About this Topic

Tags

No tags yet.