How do I change the colour???

[mach9]

I want to change the colour of the bars and the text that say "New Products for XXXXX" and the same goes for "Product Image"-"Item Name"-"Price", can someone tell me which files i need to edit and where to find them please. Thanks for your help.

[lat9]

If you're using FireFox as your browser, you need to install FireBug add-on. That will let you inspect your HTML and associated CSS to see what's up. If you're using IE8, it comes (at this point, I think) with a web-developer toolbar that comes up if you press F12.

With those in your pocket, you'll then need to become familiar with your admin's Tools->Developer Toolkit which allows you to search for terms that you've found in your HTML to locate the file (or files) that define them.

[afo]

Colors are changed in the stylesheet (css). The web developer add on for FireFox is helpful with that.

[tino.schlegel]

Colors are changed in the stylesheet (css). The web developer add on for FireFox is helpful with that.

Agreed. Besides these helpful tools, a text editor is required for this task.

[mach9]

Thanks guys,
I can find the text relating to what i need to change but cant find what relates to the actual "bar" or its colours.

[afo]

I assume you don't have Firefox and either Firebug or web developer because I used web developer to find it. Since you didn't post a link to your site, I'm basing this on the template_default stylesheet.

In your style sheet look for

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: #FF6699;
	padding: 0.5em 0.2em;
	}

If you don't want to change the left box heading as well as the part you want to change, separate them like this

.leftBoxHeading {
	margin: 0em;
	background-color: #FF6699;
	padding: 0.5em 0.2em;
	}

 .centerBoxHeading {
	margin: 0em;
	background-color: #000000;
	padding: 0.5em 0.2em;
	}

000000 will give you a black bar. Change it to any color you want.

[stitchnkitty]

I have firebug and find it difficult to use(or maybe I just have not gotten the hang of it yet) I need to change to color of my links in the header and the sideboxes.

Alos with in the product listing I need to strong the font for my manfuactures..

What am i missing I have looked for hours.

www.stitchnframeonline....com

[stevesh]

Links in header (navMain):

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #dbefdb;
white-space: nowrap;
}

Sidebox headings -

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #dbefdb;
}

I find the Web Developer plugin to be easier to use than Firebug.

[janissaire]

Look for my CSS post too - I've explained a lot there and it's also helpful to new people who know nothing about coding.

http://www.zen-cart.com/forum/showthread.php?t=134437