Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Differentiate Search Button from Header and Global

Differentiate Search Button from Header and Global

Views: 1,995

Results 21 to 25 of 25
24 Jun 2011, 4:05 AM
#21
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,815
Plugin Contributions:
16

Differentiate Search Button from Header and Global

Haven't had a chance to check your fix out, but there are three different buttons and they can easily be manipulated in classic.
I guess it's another "mission":P

24 Jun 2011, 9:25 AM
#22
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Differentiate Search Button from Header and Global

This is a CSS issue.

If you wanted to use my rectangular button on the sidebar and main body, then you will load the image to where it needs to be and configure the stylesheet thus:

/---FOR THE SIDEBOX---/

#searchContent .button_search {
background: url(/includes/templates/all_business/mods/searchbutton_2.png) no-repeat;
font-size: 0px;
height: 30px;
border: medium none;
width: 113px;
cursor: pointer;
}

#searchContent .button_searchHover {
background-position: 0 -30px;
}

/---FOR ADVANCED SEARCH CENTER SECTION--/

#advSearchDefault .button_search {
background: url(/includes/templates/all_business/mods/searchbutton_2.png) no-repeat;
font-size: 0px;
height: 30px;
border: medium none;
width: 113px;
cursor: pointer;
}
#advSearchDefault .button_searchHover {
background-position: 0 -30px;
}

24 Jun 2011, 9:46 AM
#23
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Differentiate Search Button from Header and Global

Navigate to your advanced search page

Open Firefox firebug

Open stylesheet_css_buttons.css in edit mode on firebug.

Paste THIS at the BOTTOM of that stylesheet.

/---FOR THE SIDEBOX---*/

#searchContent .button_search {
background: url("http://www.britefactory.co.uk/searchbutton_3.jpg") no-repeat;
font-size: 0px;
height: 30px;
border: medium none;
width: 113px;
cursor: pointer;
}

#searchContent .button_searchHover {
background-position: 0 -30px;
}

/---FOR ADVANCED SEARCH CENTER SECTION--/

#advSearchDefault .button_search {
background: url("http://www.britefactory.co.uk/searchbutton_3.jpg") no-repeat;
font-size: 0px;
height: 30px;
border: medium none;
width: 113px;
cursor: pointer;
}
#advSearchDefault .button_searchHover {
background-position: 0 -30px;
} *

See your buttons working: :clap:

24 Jun 2011, 9:47 AM
#24
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Differentiate Search Button from Header and Global

Now... all you need do is follow my instructions in the earlier post...

24 Jun 2011, 6:20 PM
#25
makehveli avatar

makehveli

New Zenner

Join Date:
Mar 2011
Posts:
33
Plugin Contributions:
0

Re: Differentiate Search Button from Header and Global

This community rocks!