custom search box

Discuss PivotX 2.0.x themes here, and view themes that are available for download.

custom search box

Postby Dave » Sun Aug 10, 2008 9:17 pm

Hi I am building my own theme rigth now. But when I insert the [[search]] code, i get a standard form field.
Is there a way to customize the total appearance of the searchbox?
Posts: 1
Joined: Sun Aug 10, 2008 9:13 pm

Re: custom search box

Postby Kevin » Mon Aug 11, 2008 2:13 am

Look in pivot_essentials.css. You can change the formatting using the search related code there:
Code: Select all
 * Search forms
.searchbox, .result-searchbox, .commentinput, .piv_notify, .piv_discreet {
    border: 1px solid #B5B5B5;
    padding: 3px;
    background: #F8F8F8;
    font: 11px Verdana, Arial, Helvetica, sans-serif;

.searchbutton, .result-searchbutton, .commentbutton {
    border: 1px solid #B5B5B5;
    background: #E2E8E5;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    height: 21px;
    margin-top: 5px;

.result-searchbox, .result-searchbutton {
    margin-bottom: 10px;

fieldset > .result-searchbox {
    margin-bottom: 11px;

.pivot-search fieldset, .pivot-search-result fieldset {
    border: 0;
    padding: 0;
    margin: 0;

.pivot-search label, .pivot-search legend, .pivot-search-result label, .pivot-search-result legend {
    display: none;
    visibility: hidden;

#search-results li a {
    font-weight: bold;

#search-results li {
    margin-bottom: 0.5em;
BlogThemesExtensionsDocumentation • Support PivotX - Click the Donate button today!
User avatar
Posts: 106
Joined: Tue Nov 20, 2007 9:58 pm
Location: Nova Scotia, Canada

Return to 2.x Themes

Who is online

Users browsing this forum: No registered users and 1 guest