How do I change the colour???

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.

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.

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

afo:

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. :lamo:

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.

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.

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

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.

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