Last updated 12 November 2011. Created on 30 May 2009.
Edited by danielb. Log in to edit this page.

By default, Finder comes without any styling to achieve a nice layout, in fact it tries to stay as plain as possible because it cannot anticipate what a Site Administrator might want to do.

The documentation is not intended as a theming tutorial - it is assumed you have experience overriding theme functions and using CSS to achieve desired layouts. Please familiarise yourself with the Drupal 6 theme guide if you have no experience with theme functions.

The documentation contains all the theme functions you can override, and some notes. Most of these functions contain additional unused parameters that may be useful to themers in making programmatic decisions about output.

Note: Please do not post issues for support with theming/styles unless you have theming experience - Finder is not a beginner's module for theming. Everything I know about Finder's themes is documented, and should be enough to get you started. If you don't know what to do with the information on this page, then you probably shouldn't mess with this. I cannot give you the specific theme code for your site or instructions regarding Drupal's theme system or PHP.

To begin browsing theme related documentation, visit the following link:

Finder API files and functions related to themeing

Looking for support? Visit the forums, or join #drupal-support in IRC.


macrodesign’s picture

any example code will be appreciated... i got the below from a friend and works nicely, it makes the finder box & font bigger & place the GO button inline

display: table;
margin:0 0 5px 0;
.finder-form .form-item
display: table-cell;
.finder-form .form-submit
margin:5px 5px 0 5px;
.finder-form .form-text
.finder-form .form-autocomplete
padding: 0 10px 0 10px;
-moz-border-top-left-radius:     5px;
-moz-border-top-right-radius:    5px;
-moz-border-bottom-right-radius: 5px;
-moz-border-bottom-left-radius:  5px;
-webkit-border-top-left-radius:     5px;
-webkit-border-top-right-radius:    5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius:  5px;
border-top-left-radius:     5px;
border-top-right-radius:    5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius:  5px;
background-position-y:6px !important; /* wont work in IE9 (will updatet) */