I'm a newbie, could you tell me how to change the font style , say to gill sans? I'm guessing it would be in the style.css file, but I could really use some advice.
Thanks...
-DP

Comments

Anonymous’s picture

Assigned: Unassigned »
Category: task » support

DP,

The fonts are specified in html.css in this block of code (should start around line 24):

body {
	background: #ccc url(images/background.gif) repeat;
	color: #333;
	font: 62.5%/1.5 "Helvetica Neue", Helvetica, Verdana, Arial, FreeSans, "Liberation Sans", sans-serif;
}

For a set of fonts that resemble Gill Sans, you could change the font line to:

	font: 62.5%/1.5 "Gill Sans", "Trebuchet MS", Calibri, sans-serif;

Remember to put quotes around font names that have two words, and always include a list of alternatives that ends in the generic (such as sans-serif).

Here's an article you might find useful on picking your CSS font stacks: Better CSS Font Stacks.

sciencegenome’s picture

WOW! Thanks for the very fast response, I appreciate it, you rock! Would you also happen to know how I could capitalize the first letter of a menu title in my primary links which appear at the top of the page? For some reason this theme won't let me do that. Thanks again!!!
-DP

Anonymous’s picture

The theme uses a text transform in CSS to render headers and menu items as lowercase.

You will need adjust the CSS selectors for whatever elements you want to change by adding this attribute:

text-transform: none;

You can find more information on the text-transform property here:

http://www.w3schools.com/Css/pr_text_text-transform.asp

sciencegenome’s picture

Thanks, it worked!

sciencegenome’s picture

One last question if you'd be so kind, Im trying to display the footer text to be horizontal with some bullets, so as to display like :Niwot Pilates Studio • 7101 LaVista Place, Suite 101 • Niwot, Co 80503

... but currently its displaying vertically like:
# Niwot Pilates Studio 7101 LaVista Place, Suite 101
# Niwot, CO 80503
# (303)652-1300

Do you know how to make these bullets in the footer display horizontally?
So much Thanks,
DP

Anonymous’s picture

Status: Active » Closed (fixed)

I'm not sure what underlying HTML you're using to create that address text. If you're using an unordered list (ul), you will need to write some CSS to make the list items inline elements.

The easiest way is to use the HTML bullet entity to place a bullet in the text. For example:

Niwot Pilates Studio • 7101 LaVista Place, Suite 101 • Niwot, Co 80503

If you're placing this text in the block region above the footer, the text is always going to wrap because blocks in that area are only 1/4 the width of the page.