Home
Getting Started
Solutions
Tutorials
Tips
SE Optimization
Customizing OL
CSS Parameters
The Search Bar
Custom Header Image
Navigation Bars
The Body
The Footer
The Logo
Help and How To
Downloads
Services
Frequently Asked Question
Contact Us
 

Customizing the OL Search Bar

Removing:

The Seach bar can no be turned off by going to Site Designer >> Options >> Uncheck the Bing Search Box.

 

 

Replacing the Search Bar

Replace with your own search bar.

Sign up for a Google Custom Search.  The Google seach code can be paste directly into the code.  Paste the following code into a HTML module anywhere in your page.

 

<script type="text/javascript">
parent.document.getElementById('IWS_WH_Elem_GlobalLinks').innerHTML = 'replace with seach code';

</script>

   

Replace with your custom content

Place your own custom HTML/JS code where indicated.

 

<script type="text/javascript">
parent.document.getElementById('IWS_WH_Elem_GlobalLinks').innerHTML = '
replace with your content';

</script>

  

Aligning the Search Bar

 Paste the following CSS into the Style Sheet, you may need to change the padding value depending on where you want your search bar aligned.

 

#IWS_WH_Elem_GlobalLinks
{
padding-left: 450px;
}