---
title: "Editing the TopBar, SideBar, and Footer with TikiWIki Modules"
description: "When setting up the Sidebar, TopBar, and Bottom footer sections in your TikiWiki site, you will need to add and remove modules from the site. The Sidebar, TopBar, and Footer sections store their..."
url: https://www.inmotionhosting.com/support/edu/tiki-wiki/edit-top-side-footer-modules/
date: 2013-01-04
modified: 2021-08-16
author: "InMotion Hosting Contributor"
categories: ["Tiki Wiki"]
type: post
lang: en
---

# Editing the TopBar, SideBar, and Footer with TikiWIki Modules

When setting up the Sidebar, TopBar, and Bottom footer sections in your TikiWiki site, you will need to add and remove modules from the site. The Sidebar, TopBar, and Footer sections store their functions in the modules. The modules can be customized and place in particular locations on the site. The following tutorial will explain how to Add, Delete and Move modules in TikiWiki.

## How to delete the Powered By module

1. [**Log into TikiWiki**](/support/edu/tiki-wiki/login-tikiwiki/)
2. [![Click the modules icone TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-1-click-icon.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-1-click-icon.gif) **Click the modules** Icon in the Quick Admin bar.
3. [![Assigned Modules TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-2-assigned.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-2-assigned.gif) On the Admin Modules section, **Click the Assigned modules tab**.
4. [![Click red X to delete the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-3-click-red-x.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-3-click-red-x.gif) To remove the Powered By from the footer, **click the Red X** on the row for the Powered By Module. [![No records displayed TikiWIki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-4-no-records.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-4-no-records.gif) Now it will show No records here in the list nd the Powered by will not be in the footer anymore.

## Adding the Quick Search module to the header

1. [**Log into TikiWiki**](/support/edu/tiki-wiki/login-tikiwiki/) and **Click the modules Icon** in the Quick Admin bar at the top right.
2. [![Add the module TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-5-add.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-5-add.gif) **Click Add module**.
3. [![Quick search module TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-6-quick-search.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-6-quick-search.gif) Find the module in the list you want to add. In this case we will add the Quick search module. **Select** the **Quick search** from the list.
4. [![Click assigned module TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-7-edit-assigned.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-7-edit-assigned.gif) Assign to all groups and select Topbar for the Position. **Click Assign.** [![Final shot of module TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-8a-final.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-8a-final.gif) Now the search bar will appear at the top of the page.

## Moving the Quick Search module to the sidebar

1. [**Log into TikiWiki**](/support/edu/tiki-wiki/login-tikiwiki/) and **Click the modules Icon** in the Quick Admin bar at the top right.
2. [![Dragable image TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-8-dragable.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-8-dragable.gif) **Click the search bar** so it highlights yellow in the topbar.
3. [![Drag module to sidebar TIkiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-10-drag-left.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-10-drag-left.gif) **Drag the search bar** module over to the sidebar. [![Module movd to sidebar TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-11-module-on-left.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-11-module-on-left.gif) The sidebar should look like the snapshot to the right.
4. [![Save the changes TikiWiki](https://www.inmotionhosting.com/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-12-save.gif)](/support/wp-content/uploads/2013/01/edu_tikiwiki_102_edit-modules_edit-modules-12-save.gif) **Click Save**. Now the search bar will display in the sidebar instead of the topbar.