Editing the appearance of the Search feature (4 posts)

  1. asgard
    Posted 7 years ago #

    Hello everyone, I really need some advice on something I am pretty sure is simple, but is currently doing my head in (doesn't help that I have a migraine.)

    I am trying to figure out how to edit the search form on my sidebar here:


    If you scroll down, it's all the way at the bottom of the sidebar. Notice how the submit button moves to the next line, but there is plenty of space for it to be side by side with the input field. I can't work out how to force it to go side by side. Viewing the source code, I can see the br tag, just don't know where to go to remove it!

    The Search facility is added using Widgets, and when I try to edit that widget it doesn't give me any choices. There is also nothing on the theme stylesheet by Fjords03.

    Help? And thanks for reading.
    Once I can get that search button sorted, the search feature WILL be at the very top of the sidebar!

  2. drewactual
    Posted 7 years ago #

    something like this should get you started... add this to your css:

    #search { background:#fff; text-align:center; border:1px solid #A38EAF; padding:10px; width:80%; margin:auto;}

    #search form {background-color:#A38EAF; width: 90%; margin:auto; padding:3px; border: 1px solid blue;}

    #search input {background-color:white;}

    css it all says I! :-)

  3. dogatarbyz
    Posted 7 years ago #

    I have the same problem, and I can't figure out how to use CSS to make it do what the original poster requested. I just want the search button to appear next to the search field, and it would also be nice to be able to pad the search widget so that it looks nice with my other sidebar stuff. Thanks, Anthony

  4. RoseCitySister
    Posted 7 years ago #

    It's in the widgets.php file - if you view source on your page you'll notice that there's a br tag after the text box. I thought that was not the case in 2.5, though - are you using 2.5?

    Widgets.php is in wp-includes - while you're at it, you can put a class on the submit input so you can style it (what I do with every install).

Topic Closed

This topic has been closed to new replies.

About this Topic