Joomla 1.7 Help – How to Remove The Search Box in Beez20

by Elaine on October 19, 2011

Joomla 1.7 Beez 20 Help – I received an email from Dave to ask how to remove the Search box at the top right corner in the Beez_20 default Joomla Template.   You can accomplish this by Unpublishing the module in the Module Manager.  If you want to remove the Font Size Resizers, beside the search box “Bigger Reset Smaller”, the post is here.

cmsmind elaine beez20 remove search box 1 Joomla 1.7 Help   How to Remove The Search Box in Beez20

Joomla 1.7 Beez 20 Remove Search Box

Overview of how to remove the Search box

1.  Login to your Joomla 1.7 Administrator

cmsmind elaine beez20 remove search box 2 Joomla 1.7 Help   How to Remove The Search Box in Beez20

Joomla 1.7 Beez 20 - Module Manager Remove Search Module

2.  Click on Extesions, Module Manager

3.  In the Filters,

  • Type in “Search”
  • Selection Position = position-0

4.  Use the checkbox to select ‘Search” and click on the button ‘Unpublish’.

That’s it.  Go to your Joomla 1.7 frontend and refresh your website.  You will see the Search box removed. I also removed my resizers so my frontend looks like this:

cmsmind elaine beez20 remove search box 3 Joomla 1.7 Help   How to Remove The Search Box in Beez20

Joomla 1.7 Beez_20 Search Box Removed

Thanks,

Elaine

 Joomla 1.7 Help   How to Remove The Search Box in Beez20

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 3 comments… read them below or add one }

Elijah Clark January 14, 2012 at 6:36 am

thanks.

Reply

Elaine January 14, 2012 at 1:25 pm

Hi Elijah,
No problem!
Thanks for your visit,
elaine

Reply

Mick February 8, 2012 at 10:54 pm

If you only want to remove the font resizer then it is better to hide this feature in “layout.css”. Look for “#fontsize” and add “display:none;”

It look likes this:
#fontsize
{
padding:0;
margin:0 20px 0 1px;
text-align:right;
margin-bottom:0px;
float:none;
display: none; /* <=== with this you hide the font resizer and keep the search */
}

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: