Joomla : Styling search box and search button

Step : 1

Create a style

.search input.button
{
text-align: right;
background:url(../images/search.jpg) no-repeat;
width:47px;
height:19px;
margin-left:3px;
vertical-align: bottom;
border:none;
}

Step : 2

open
JOOMLA_ROOT\templates\template_folder\html\mod_search\default.php

line : 22 :

change

value=”‘.$button_text.’”

to

value=”"

line 16
add

style=”border: 0px;”

Step : 3

go to jooma administraion
extensions->module manager->mod_search

Parameters ->

Change value as under.

Search button = yes
search button as image = no

You have done…

About these ads