How do I Change Font and Font Color in Navigation Menu?

at the bottom right on the construction page - click on the double arrows and font and color will come up. You can also change the font in the format button in the tool bar.

HI Bleam,
As far as I can tell (and others too) there is no way to change anything in the Navigation menu..not the font, the size or the colors.

You can change nav bar font and color by editing template XML, it is a difficult process.

Or you can redefine nav bar CSS, look in your page source code and search for new NavBar, the following block of code is javascript to set nav bar CSS.
You find all nav bar CSS info there, change it to your liking. The down side is that you have to do that after every publishing.

Important note: DO NOT do this for blog and podcast page if you publish to .Mac.
Post processing blog and podcast page will potential cripple .Mac commenting/attachment system.

Can you elaborate on how to change the font and color in the Navigation menu? Your previous note is very cryptic and could benefit from a step by step tutorial on how to make the suggested changes. Thanks.

Guido

If you open one of your HTML pages with a suitable text editor, and search for "new NavBar" you will find the section of the page which generates the navbar on-the-fly. It calls a javascript function NavBar with a load of parameters, which look largely like gobbledegook, and determine what the navbar will look like.

If you are at all familiar with CSS you will notice that if you replace all instances of "\n\t" with a line break and a tab, you will be looking at standard CSS information. The "\n\t" is there because you can't pass a literal carriage return / tab pair to a javascript function, you have to use the escape characters \n and \t.

In other words, if you expand:

.navbar {\n\tfont-family: 'Courier New', Courier, monospace, serif;\n\tfont-size: 1.1em;\n\tcolor: #AFAA9F;\n\tmargin: -2px 0 0 0px;\n\tline-height: 20px;\n\tpadding: 5px 0 12px 0;\n\tfont-weight: bold;\n\tbackground-image: url(home files/navfill-v2-21.jpg);\n}

it looks something like this:

.navbar {
font-family: 'Courier New', Courier, monospace, serif;
font-size: 1.1em;
color: #AFAA9F;
margin: -2px 0 0 0px;
line-height: 20px;
padding: 5px 0 12px 0;
font-weight: bold;
background-image: url(home files/navfill-v2-21.jpg);
}

So to change the font size, just find the font-size bit and change it:

.navbar {\n\tfont-family: 'Courier New', Courier, monospace, serif;\n\tfont-size: 0.9em;\n\tcolor: #AFAA9F;\n\tmargin: -2px 0 0 0px;\n\tline-height: 20px;\n\tpadding: 5px 0 12px 0;\n\tfont-weight: bold;\n\tbackground-image: url(home files/navfill-v2-21.jpg);\n}

Likewise any of the other properties.

I can't believe Apple didn't spend the few hours required to present the user with the options to change this stuff. The fact that it would have been SO easy makes me believe there has to be more to it than that; some sort of policy. Upgrade carrot? Who knows.

Sorry if this is less than 100% clear. I'm the wrong side of a fine cabernet.

Bruce

Thanks Bruce, for the full explanation 🙂

now as for the upgrade carrot, there are a lot of hidden stuff in iweb and most people here don't even know: there are 14 slideshow transitions (my last count) and seventy+ frames/album frames.
iweb inspector shows 5 slideshow transitions and a handful of frames, they have something up their sleeves.

I hope the next upgrade fixes the broken drop-shadows problem.

This stinks that you can't change the link colors on blogs. The red links on the darkroom template are horrible. Man I hope Apple fixes this soon.

So does that mean if you want to have a blog with comments on .mac you can't change the font menu?

I really want to publish to .mac using iweb for my new site, but there are a few limitations of iweb that are really pushing me towards a little extra learning for some other program... The inability to change something simple like a navigation font would be a big one. Is there no simple way, (aside from CSS editing) to do this?

I had the same problem and simply hid the Nav Bar by using the check box provided.
I then created a new custom Nav Bar from a text box and created links. It can then be copied and pasted from page to page. I don't know if this works in a Blog.

I did the same thing....i made a header with a text box with the links in there. The only thing that I didn't like about this was the huge underline it automatically made when I enabled it as a hyperlink. Anybody know a way to modify that? Or is that another case where you have to go into the code and do?

Hi

There are two ways of activating a text box as hyperlink, one allows you to change the color scheme, the other don't:

-one is to activate the whole box... usually you get the blue arrow icon on a corner. This option uses the same color scheme used in the navbar for all text inside... and you don't want that since you created a box to have a different scheme anyway!

-Carefully select the text inside the text-box, a new blue box inside the outer box will show the selected text, THEN tick on "enable as hyperlink". Select the "format" tab beside "hyperlink", options to change the color scheme are now active, and you can change them. You asked about hiding the underline, well, just click on the underline icon to activate/deactivate.

cheers