How can I make my search bar rounded/circled same as Material Fox does?

[ExpertMen]

I'm not using MF, but found some screenshots which shows that search bar in MF are rounded/circled. So, how can I do it? What css do I need for userChrome.css?

[fmeyertoens]

You are probably looking for

MaterialFox/chrome/urlbar/urlbar.css

Lines 161 to 165 in 8b1a7b1

	#urlbar,
	#searchbar
	{
	font-size: var(--toolbar-field-fontsize) !important;
	border-radius: 99px !important;

[ghost]

How would I insert that code into my browser ?

[fmeyertoens]

You can follow the installation instructions for MaterialFox: https://github.com/muckSponge/MaterialFox#installation

Copy the chrome folder and user.js file into your Firefox profile directory. To find your profile directory, go to about:support or about:profiles.

Just find your profile folder and create a folder named chrome within it. There you put a file named userChrome.css and insert the code from above:

#urlbar,
#searchbar {
    border-radius: 99px !important;
}

Don't forget to restart Firefox to see the changes.