Change font in the Navigation bar on...

User 358530 Photo


Registered User
50 posts

Would some one have a look at http://cofchristknoxville.org and let me know where in the CSS file I can change to font in the Navigation bar on the left?? I have found where to change the font of the body, but can't find where to change it for the navigation bar on the left. Help. :|

Thanks for your time.
--
JamesKB
User 562592 Photo


Registered User
2,038 posts

body{font-family:Comic Sans MS, Verdana, Arial, etc.}

Your sidebar is in comic sans. Change that to the font you want. The other fonts are backups.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 358530 Photo


Registered User
50 posts

But that will change ALL. I want the main body to be Comic Sans, however, I want the navigation bar to be something else. Ideas??
User 122279 Photo


Senior Advisor
14,624 posts
Online Now

James, you may have changed the font of the sidebar already, because it's not Comic sans any more now.

I think if I were you I would tidy up the style sheet a bit. It seems to have been changed a number of times, and it's not easy to see which values are the current ones.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,624 posts
Online Now

Ok, so we posted more or less at the same time ;)

Change the font back to what it was and create a new rule:

#sidebar ul li { the font stack of your choice;}

Insert it at the end of the css file.

I still think you ought to edit and tidy up the css file, though.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 562592 Photo


Registered User
2,038 posts

James,

In order to do that you have to create a class. The easiest way to do this is to add the following code into the <head></head> part of your document. For example,

<head>
<style>
#sidebar ul li{font-family:Font One, Font Two, Font Three; font-size:12px (or whatever size you want); }
</style>
</head>
<body>
...
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 358530 Photo


Registered User
50 posts

Thanks for the tip. That took care of my issue.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.