WordPress.org

1. venomshot629
   Member
   Posted 2 years ago #

   Hello, I am looking to edit the CSS and change the dimensions and properties of the search box on my site, but when i look in sidebar.php it's not even in there! Where can I edit my search box properties, or can someone refer me to a search widget that allows me to edit it's dimensions? Thank you!

2. Samuel B
   moderator
   Posted 2 years ago #

   in your theme's
   style.css

3. venomshot629
   Member
   Posted 2 years ago #

   Here are the only two references to search, and neither of them affect the search bar...

   li#search {
   padding-bottom:4px;
   background:#000000;
   color:#a60000;
   }
   
   .search {
   padding-bottom:4px;
   background:#000000;
   color:#a60000;
   }

   Are the parameters correct? If not, can someone please show me which parameters to use?

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

   Site url? Help is free but "psychic" costs extra. ;-)

5. Mark / t31os
   Moderator
   Posted 2 years ago #

   You don't know already, geez what's wrong with you Esmi.....

   What are you coders coming to....

   *j/k (of course)* ...

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

   Who are you calling "a coder"? ;-)

7. Mark / t31os
   Moderator
   Posted 2 years ago #

   Designer? Beautiful Person? Monster? Weirdo? .... is this a trick question?... ... is there a right answer... ;)

   :p

   P.S. Sorry for the thread derailment, i'll keep quiet now.. :)

8. venomshot629
   Member
   Posted 2 years ago #

   The URL to the site is http://www.wineandbowties.com/wordpress. wineandbowties.com goes to the old blogspot, so please make sure to add the /wordpress to see the site. The stylesheet is at http://www.wineandbowties.com/wordpress/wp-content/themes/futurosity_eos/style.css.

   Thanks!

9. venomshot629
   Member
   Posted 2 years ago #

   Anyone?

10. Mark / t31os
    Moderator
    Posted 2 years ago #

    Style the following...
    input#s {}
    and
    input#searchsubmit {}

    Example:
    

    input#s {
      width:160px;
      border:1px solid #0f0;
    }

    Adjust them as required in your stylesheet, if they don't exist, then create them.

11. venomshot629
    Member
    Posted 2 years ago #

    THANK YOU t31os_, that's exactly what I needed! Case closed, thanks for everyone's (relevant) input! :)

12. Mark / t31os
    Moderator
    Posted 2 years ago #

    :)

    It's the same for most themes...

    WordPress has lots of default classes and ID's... (which is great!)... and alot of themes use the default search ones...

    For everything else, you can always write some custom classes/ids, or just use selectors...

    CSS selectors can be really selective, you can actually restyle a whole page by using selectors alone... (but topic for another day i've proberly baffled you, lol)..

13. venomshot629
    Member
    Posted 2 years ago #

    Here's one more question, t31os, or anyone who knows: Where would I generally go to edit the search box's "value", which should make it so words show up in the box and when clicked the words disappear. i.e., xbox.com's search box. However, it doesnt seem that I can edit that value via CSS, and I dont know where I can edit the HTML for the searchbox. Again, any help would be appreciated. Thank you!

14. Mark / t31os
    Moderator
    Posted 2 years ago #

    jQuery, JS or CSS...

    CSS route is only going to work for some visitors since it would require :focus which isn't supported by all browsers ...

    jQuery would be an option, but if you're not doing any other jQuery on the page you'll be loading the library for the sake on one small effect.

    JS would proberly be the best route, attaching an onclick event that removes the value... since most browsers will support Javascript.

    Don't know of anything offhand but i'm going to have a dig and see if i can find a lightweight JS solution.

    As said though, if you're already loading jQuery (or a plugin already does) then you can proberly whip it up in a few lines....

    You'll also find various themes do this, download one, open the file that handles the search box and see how they do it... (that's the easy way)..

15. venomshot629
    Member
    Posted 2 years ago #

    hey t31os is there somewhere I can email you or IM you off of this site? I have a few short CSS questions and I dont want to make a bunch of threads for stuff in a row if you can give a few quick tips to resolve it all!

16. Mark / t31os
    Moderator
    Posted 2 years ago #

    Click on my name... :)

Topic Closed

This topic has been closed to new replies.