Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / change font size in the buttoms

change font size in the buttoms

Views: 807

Results 1 to 4 of 4
30 Jul 2011, 8:38 PM
#1
marlake avatar

marlake

Zen Follower

Join Date:
Mar 2008
Posts:
126
Plugin Contributions:
0

change font size in the buttoms

Thanks God for the tutorials!:clap:
I have already solved many problems with them in the last few hours!

However, I have not been able to find information about how to change the font size in the "search" button. The one that is the sidebox and at the righjt top of the header.
I changed the general size of the fonts in the entire website but I do not know where to go if I want to change just one specific part (in this case just the "search" buttom to a smaller font size).

I would appreciate if somebody could tell me how to do it.
Thanks,
Marlake

30 Jul 2011, 9:01 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: change font size in the buttoms

Are you using CSS buttons or image buttons? Is the button in question one supplied with the default Zen Cart or specific to your template? A link to your site would help greatly with this question.

31 Jul 2011, 1:53 AM
#3
marlake avatar

marlake

Zen Follower

Join Date:
Mar 2008
Posts:
126
Plugin Contributions:
0

Re: change font size in the buttoms

Hi:

This is just a default button provided by zen-cart.

When I changed the general size of the font in the website, the word "search" in the search button became too big.

I just need to know where to go in the css stylesheet to change the font size of the button.

Thanks
Marlake

31 Jul 2011, 11:49 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: change font size in the buttoms

The css buttons have their own stylesheet, stylesheet_css_buttons.css. If you aren't using the css buttons, and you need to increase the overall font size, you'll then need to decrease the size of the elements that are too big. In the case of the Search button, it would be here:

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}