Header text font and colur

[johnybravo]

Hi I'm new zenacrt bit have a question about headers. I have google this question and searched the forum and FAQs bit there must be an answer somewhere.

I can edit the header text (H1) but don'tm know how to change the font or colour of the main text. I can't find it in the stylesheet file and it seems to be the only text that I can't change the colour of!
please help, John

[haredo]

John,
could you please provide a link to your site without the http://www. so much easier to help you...

[johnybravo]

Sure, curvesandcorsets.com/catalog please bear in mind that it is work in progress

[misty]

BACKUP Stylesheet first..then alter

body {    margin: 0;    font-family: verdana, arial, helvetica, sans-serif;    font-size: 62.5%;    color: #ffffff;    background-color: #a600a6;    }

[chris007]

Hi johnybravo,

Ready suggestion carefully and implement step by step follow

Changing the Colors & Fonts

Start by opening the style sheet in your favorite text editor: /includes/themes/template_custom/css/stylesheet.css All of the pages are broken into smaller pieces called "classes" and each class has a style. The class styles are used to control the look of your fonts, colors, text size, borders, background images, etc. Change the colors by substituting standard HTML color numbers for the text and background colors. Change the fonts by increasing or decreasing the size, change the font by using a different font name.

To remove a CSS element, such as a border, simply comment out the line you don't want to use with a "/*" (slash, asterisk) at the beginning of the line and "*/" (asterisk, slash) at the end of the line. After making your changes upload the stylesheet to the directory, refresh your browser and admire your handywork.

Changing the Header

To change the images, upload your logo and header background images to the image directory: includes/themes/template_custom/images/ Either name your images to match the .css file or rename the images in the stylesheet. You can use GIF, JPEG or PNG images. See "Changing the Text and Titles" for instructions on changing headline in the header.

Enjoy


Regards
Chris Theron
Attune Infocom Inc
Visit: ##########################(Dot)com
Email : info(At)##########################(Dot)com
Zen cart Developer

[misty]

Easiest way to view stylesheet settings is to download/install
Firefox and then add Web Developers Tool Kit

[johnybravo]

Thanks for your replies but unfortunatley they do not answer my question. Misty I think I will have to download fire fox as the coding you suggest changes the body text colour and not the header.

Chris, thank you but that answer is in the Zen-cart FAQ which also does not tell you how to change the header font or colour.

If you look at my link you will see that the Header title "Curves and Corsets" is black. I am trying to turn it white to match the body text and also change the font slightly.

[haredo]

Find this:

catalog/includes/templates/classic/css/stylesheet.css

Find this:
The highlighted red font below will change to ffffff

#tagline {
color: #000000;
font-size: 2em;
text-align: center;
vertical-align: middle;}

Take time and click the link on the top left hand on this page called: Tutorials/FAQ

Search for: override system

[johnybravo]

Thanks haredo, I didb't know it was "tagline" in the style sheet that changed it. If it specifiaclly mentions it in the FAQ then I can't find it. I also did a search in the forum for the font and found that I need to add the line "font-Family". Again I couldn't find this in the FAQs.

[haredo]

Your welcome, and ty for posting the solution..