Forums / Templates, Stylesheets, Page Layout / How can I change font color in category (in sidebox)?

How can I change font color in category (in sidebox)?

Locked

Views: 2,154

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
19 Oct 2006, 7:45 PM
#1
yhzhangb avatar

yhzhangb

New Zenner

Join Date:
Oct 2006
Posts:
2
Plugin Contributions:
0

How can I change font color in category (in sidebox)?

I am new to this system. That question confused me a lot. Thank you

19 Oct 2006, 9:34 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How can I change font color in category (in sidebox)?

stylesheet.css > these are linked items so find

a:link, #navEZPagesTOC ul li a {
	color: #9B11A1;
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #D20A6C;
	}

a:active {
	color: #9B11A1;
	}

Change in groups or add &/or separate to have other colors for other items

Zen-Venom Get Bitten

19 Oct 2006, 9:42 PM
#3
bombknex avatar

bombknex

New Zenner

Join Date:
Sep 2006
Location:
Madison, WI
Posts:
54
Plugin Contributions:
0

Re: How can I change font color in category (in sidebox)?

Hey, first check this out:

https://www.zen-cart.com/tutorials/index.php?article=142

And then check this out:

https://www.zen-cart.com/tutorials/index.php?article=43

The first article covers creating your own custom template so you can leave the others alone and have fun with your own. The second article explains in more detail how to specifically do what you want to do. Basically you just need to find the CSS class or id of an object, edit the stylesheet for your template and your good to go.

My recommendation is this. Read the first article covering overrides. I know it seems like a pain at first but you will be happy once you have things setup. Then, for modifying most things in your Zen site you should use the following tools:

  1. Download and start using Aardvark for Firefox. http://karmatics.com/aardvark/. Its an essential tool that allows you to hover over elements on a page and see instantly the name/id/class.

  2. Use the ZenCart Developers Tool Kit under the Tools section in the Admin. Here you can type in strings of names/ids/classes/text that you want to edit or found with Aardvark or by viewing the page source.

  3. Speaking of which, page source, should have been #2 because looking at your source will allow you to find things in a page and then see what code they are wrapped in. Then you can search for that stuff in the Developer Tool Kit.

Cool! And remember to always backup! Make sure to backup the site directories AS WELL AS THE DATABASE! (ask your host how to do this if you don't know how) You should always do this anyway because you never know when your host may crash! Mine did about 3 weeks ago. :P If you have a backup you can edit things knowing that you can always revert to your backup if you screw something up. Otherwise your SOL. :cry:

That should get you well under way to mastering the fine art of Zen Cart. Have fun!

Cheers,
Jonah :D