Zen Cart Logo

change font

Locked

Views: 1,048

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
10 Mar 2009, 8:25 PM
#1
taylorosso avatar

taylorosso

New Zenner

Join Date:
Mar 2009
Posts:
8
Plugin Contributions:
0

change font

how do I change the main text font size and colour?

I have made admendments to my template css file however cant seem to find the right part to edit.

cheers

10 Mar 2009, 9:22 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: change font

taylorosso:

how do I change the main text font size and colour?

I have made admendments to my template css file however cant seem to find the right part to edit.

cheers

Ta,
admin panel/ tools/ define page editor/ define_main_page.php

  1. This is one place where you can edit the text and assign a <p>sample text</p>
  2. Or assign a id or class
  3. <div id="mainPageDesc"> Sample text <br /> More sample text<br />Last sample text.</div>
  4. Now use the stylesheet.css to control this element (div id)
  5. #mainPageDesc {font-size: 1.1em;}
11 Mar 2009, 1:42 AM
#3
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: change font

I'm not sure if you meant "main" as haredo took it to mean, or whether you simply meant the base size of fonts when they aren't otherwise specified. If the latter...

Near the top of the stylesheet.css you'll find something like this:

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

Change that 62.5% to something larger, like 75% or (my preference) 80%. Other font sizes further down in the stylesheet will adjust automatically, since they're all in relative units. Unless, of course, your changes are in pixels.

For the color, change the line in that block that specifies color. That will affect all text in the site that isn't otherwise assigned some other value in the stylesheet, so check your site thoroughly for unintended consequences.

Rob

Rob