Styling search abr

  • Hey,

    I’ve been learning wordpress for about a week and have almost finished my 1st theme! I have a problem with my search box though, I need to know how to:

    1. Get the search box and the submit (Go) button on the same row.

    Right now its one below the other, like this:
    https://www.wpdesigner.com/wp-content/files/2007/03/search.gif

    2. How do I replace the submit button with an image?

    I do have a know my css and html but I just cant seem to tackle this problem.

    Any help would be much appreciated.

    Felix

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

  • provide a link so that we can see what you are doing via more than image please.

    if you have separate seachform file like searchform.php, open it then look for your <form></form>as for your 1st question, just join your textarea and submit button together in a single block, for example <p>your button and text area here</p>. for your 2nd question, if you can see your submit button has an ID for example <div id=”submit-button”></div>. go to your style.css then edit #submit-button.

    #submit-button {background:url(your image url);}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling search abr’ is closed to new replies.