Move Findbar to Top: Firefox 107+

Yet another tweak to put the Findbar (Ctrl-F) search back to the top where it belongs.

Firefox v107+ updates makes our previous Firefox tweaks slightly out of date as there is a new styling scheme. The steps required to move the find window back to the top left are as follows:

1. about:profiles

2. Open/create the chrome folder: C:\Users\YOURUSER\AppData\Roaming\Mozilla\Firefox\Profiles\YOURFOLDER.default\chrome

3. Create/edit the userChrome.css file.

4. Add the userChrome.css style:


/* Move Find Bar above the page*/
.browserContainer > findbar {
-moz-box-ordinal-group: 0;
};

/* Hide the "border" at the top by removing the box-shadow and background-image */
border-top: none !important;
box-shadow: none !important;
background-image: none !important;

/* Uncomment to add a transition from the top */
/*
transition: 400ms !important;
z-index: 0 !important;
*/
}

.findbar-closebutton {
margin-inline-start: 0.5em !important;
vertical-align: middle !important;
margin-bottom: 0.25em !important;
height: inherit !important;
}

5. Close and restart Firefox.
6. Press "Ctrl + F" to see your handiwork!

Sometimes the smallest modifications can double or triple the effeciency of a browser and that really does affect your bottom line. Use open-source libre/freedom technology first and hire a competent IT company to use it properly...like Grip Fast Information Services and Technology! Let's get started.

About the Writer

Author: Chris Lessley

A server admin, dev ops warrior and website designer since 2002, Chris is a lover of all things Linux and open-source! Each blog topic has been tested by fire in the real world and shared with the hope to help others. Need more help? Hire me! Chris' other interests include fine art and the humanities in the classical tradition and can be found writing for our friends over at gripfastart.works. If you like this content, kindly consider donating to keep this website free to all, without ads.