Change search box dimensions?

in your theme’s
style.css

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?

Site url? Help is free but “psychic” costs extra. ??

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

What are you coders coming to….

*j/k (of course)* …

Who are you calling “a coder”? ??

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.. ??

The URL to the site is https://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 https://www.wineandbowties.com/wordpress/wp-content/themes/futurosity_eos/style.css.

Thanks!

Anyone?

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.

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

??

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)..

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!

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)..

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!

Click on my name… ??