firefox search text???

[linkysys]

hello i wanted to change my firefox search box text into something like Search and colorize it with white. hiding the dropmaker would also be a good option. firstly i wanted it to look something like the explorer search box. any help will be greatly appreciated. see picture below.

 

[debugged]

To change the text that shows in the search box, you would have to change it for each search engine individually. For the default search engines look here:

C:\Program Files\Mozilla Firefox\searchplugins

Edit the ShortName in the .xml files as (using bing.xml for example): "<ShortName>Bing</ShortName>" to "<ShortName>Search</ShortName>"

Then delete the file: C:\Users\-username-\AppData\Roaming\Mozilla\Firefox\Profiles\<your profile id>.default\search.json

Now run Firefox. The "search.json" file is recreated with the changes.


If you use Classic or Basic themes, the searchbox background color is the "Window" color in advanced color settings, but it looks like you're not using those themes, so hunt the web for the userChrome.css tweak for this - I couldn't find it quickly and don't need it so I'll leave it to you.

 

[linkysys]

thank you i was able to change its color and name, but do you know how to make the text italic because i cant find anywhere on the internet? i also want to remove the dropmark next to it...thanks.

 

[debugged]

Navigate to: C:\Users\<username>\AppData\Roaming\Mozilla\Firefox\Profiles\<profile id>.default\chrome\userChrome.css
If the file does not exist, create it (by creating a new .txt document and renaming it and saving with .css extension).
Right-click > Edit
If you just created the file, add this script at the top:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

1. To get rid of the dropdown button, add this script:

/*searchbar dropdown - remove */
.searchbar-dropmarker-image { max-width: 0 !important; opacity: 0 !important; }

Note: You will still be able to select and manage search engines by left clicking on the left side of the box, or on the icon.

Alternatively, if you want to also get rid of the icon use this script instead of the one above:

/*searchbar dropdown and icon - remove */
.searchbar-dropmarker-image, .searchbar-engine-image, .searchbar-engine-button {
max-width: !important; opacity: 0 !important; }

2. I couldn't get the bing.xml file to see the normal instructions for italics, maybe someone can point out how to do it here.
To change to search engine name text to italics, the best I can do for you is to make the text in the search box italic for everything:

Add this script to userChrome.css:

/*searchbar text - italic */
.searchbar-textbox { font-style: italic !important; }

 

[linkysys]

thank you man i have stylish and it works well. as you can see i have one last thing to edit. i wanted to change the magnifying glass go button in the search box to match my explorer search box. how can i do this? ive already extracted the png from the explorerframe. thnx in advanced.

 

[debugged]

Try to get it from this. I haven't tried it, but do tell if you get it to do what you want.

 

[linkysys]

thank you i dont know how to make it work since i use stylish.

 

[linkysys]

nevermind mate i added the button through the use of Custom Buttons extension...what's left is the code that can mimic the search go button...

 

[debugged]

While you were doing that (Custom Buttons extension - part of Stylish?) I did it with .css script:

Say you name your image you extracted "mag.png": edit it so that it's 18 x 18 pixels in size, and put it in the same folder as userChrome.css, and then add this script:

/* replace search bar magnifying glass image */
.search-go-button { list-style-image: url("mag.png") !important;
-moz-image-region: rect(0 18px 18px 0) !important; }

Edit (re-edit): I put a blue parrot for my "Go" (magnifying glass) button!

 

[linkysys]

thank you mate your procedure worked well. Custom buttons is a separate extension for ff and its great, you should try it out. I'm complete with building my dream firefox, here's what ive done so far. ive cooked up the addressbar to make it look like the breadcrumbs in explorer(custom Locationbar^2). i got rid of that ugly "http://" finally by using hide protocol function in Locationbar^2...

and again, thank you for endless support...