Change Search Icon

[covermesongs]

Small question, but I'm wondering how to change the icon next to the "search" window. I've created a brown theme with a brown magnifying glass to match, but I can't figure out how to replace the blue one. The relevant code seems to be:

Code: Select all

.searchform input.searchsubmit[type="submit"] {
background:url("images/search-button-rblue.png") no-repeat scroll 0 0 transparent;
}

But replacing the url with "images/search-button-brown.png" (the name of my image, which I placed in the same image folder, does nothing. The site in question is http://www.covermesongs.com.

Thanks!

[Connie]

well,

your site still show



there is no brown graphic file around.

did you notice that there are 2 different-search-button images? one a PNG and one a GIF?
Both are still blue...

you are using the royal-blue-theme and there the search-button-rblue.png is still defined

did you really edit the css?
did you save the editing?
Did you edit it locally and forgot to upload it?

It is not a good idea to edit one of the "standard"-css-files which come with the theme as any upload will overwrite them!(Mantra, Mantra, Mantra......)

so what can you do?

set your definitions in the custom CSS area:

Code: Select all

.searchform input[type="submit"].searchsubmit {
   background: url(images/search-button-brown.png) no-repeat 0 0;
}
* html #right-header-widgets .searchsubmit, * html #left-header-widgets .searchsubmit, * html #top-bar-right-widgets .searchsubmit, * html #top-bar-left-widgets .searchsubmit,
* html #sidebar .searchsubmit, * html #sidebar-2 .searchsubmit, * html #horizontal-outer-widgets-1 .searchsubmit, * html #horizontal-outer-widgets-2 .searchsubmit {
   background: url(images/search-button-brown.gif) no-repeat 0 0;
}

[covermesongs]

Quick notes:
1) Yes, I created a brown PNG and GIF file and uploaded them to the images folder.
2) I didn't edit the CSS directly; I used Custom Includes. And yes, I saved.

Thanks for the code idea, but adding that to Custom Includes that didn't work either. The blue icon is still there. Frustrating!

[sayontan]

Hmm... this is actually a remnant of a pesky bug I introduced in 3.4.7. See here for the fix: viewtopic.php?f=2&t=1542#p6891. After applying the fix save the "Custom Includes" options again.

[covermesongs]

Hmm... this is actually a remnant of a pesky bug I introduced in 3.4.7. See here for the fix: viewtopic.php?f=2&t=1542#p6891. After applying the fix save the "Custom Includes" options again.

Great, thanks S, worked perfectly! Will I have to redo this every time I upgrade?

[sayontan]

No, I submitted a fix to WP 3 days back, but they haven't approved it yet. The fix addresses this issue.