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…

Advertisements

One response to “Joomla : Styling search box and search button

  1. Thanks. Saved my hours of frustration.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s