http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Fri, 24 May 2013 19:24:05 +0000 http://themeshaper.com/forums/topic/search-widget-styling#post-7080 Mon, 12 Oct 2009 14:00:44 +0000 makingapokerwebsite 7080@http://themeshaper.com/forums/ <p>Edit: I sorted out the issue I had for myself. If anyone is newbie(ish) to css like myself then the changes that ericH kindly helped out with are just simply added to style.css. I didn't get that at first :( </p> http://themeshaper.com/forums/topic/search-widget-styling#post-3782 Sat, 09 May 2009 05:01:07 +0000 EvilEsq 3782@http://themeshaper.com/forums/ <p>Thanks EricH! Works like a charm.</p> <p>Cheers! </p> http://themeshaper.com/forums/topic/search-widget-styling#post-3772 Thu, 07 May 2009 23:29:22 +0000 EricH 3772@http://themeshaper.com/forums/ <p>Here's the CSS for styling the search form. Modify it to your liking.</p> <p>input#s{<br /> background:#666;<br /> border-bottom:1px dotted #000;<br /> }<br /> input#s:focus{<br /> background:#c1c1c1;<br /> }<br /> input#searchsubmit{<br /> background:#c3c3c3;<br /> color:#fff;<br /> }<br /> input#searchsubmit:hover{<br /> background:#666666;<br /> cursor:pointer;<br /> } </p> http://themeshaper.com/forums/topic/search-widget-styling#post-3676 Sat, 02 May 2009 21:20:49 +0000 rousseau 3676@http://themeshaper.com/forums/ <p>Would also love it if anyone could post the code necessary to place the word "search" inside the form field, and eliminating the button. How do you do that? </p> http://themeshaper.com/forums/topic/search-widget-styling#post-3630 Thu, 30 Apr 2009 04:58:30 +0000 EvilEsq 3630@http://themeshaper.com/forums/ <p>Working on search widget css this evening. Thinking the h3 title 'Search' was redundant, I added the following to my child theme css to eliminate it:</p> <p>li#search h3 {display:none;} That worked.</p> <p>Now I'm trying to change the color of the button in the hover state. The following css doesn't work: li#searchsubmit a:hover {color:#FF6666;} Any ideas? </p>