Zen Cart Logo

Changing font size

Views: 573

Results 1 to 2 of 2
6 Oct 2011, 4:40 PM
#1
toodamnbroke avatar

toodamnbroke

New Zenner

Join Date:
Oct 2011
Posts:
36
Plugin Contributions:
0

Changing font size

Hello, I am new to this, and I can't find a way to change the font size to my main categories, without it changing the font size on everything. I would like to just make that font bigger. Please see the attached image to understand what I am talking about.

As a side note, I can change the rollover color, but I can't find where to change the greyish font to black on the same text.

Thanks
Justin

6 Oct 2011, 4:47 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Changing font size

You would change both the font size and color in the stylesheet in the #navCatTabs rule. You may have to separate that element into its own rule.

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-7, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)