Using the HTML/CSS editor to change default font and color of items in the navigation area

[Comp1270D01]

Like the subject says, I'm trying to change the default font and color of the items in the navigation area of my site with the HTML/CSS edit tool.  However, I'm having diffculty locating the section of the code that refers to the navigation section.  I've googled a variety of online tutorials, but they all seem to refer to older versions of Weebly as the code is layed out differently than what I'm seeing on my site.

Can anyone offer any pointers on what I should be looking for in that lengthy list of code to isolate the portion that refers to the navigation area?

Apologies if the language used is too vague...I'm learning this as I go.

Thanks,

Tim

[bobafett]

Tim

---

@Comp1270D01

I believe this was asked and answered before.  Do a search on the forum and you may find it.

[Weeblers]

Hi @Comp1270D01,

You can use Weebly's Change Fonts options under Theme.

To give you specific css code we would need to see your site, since those codes vary from theme to theme.

Thanks

[Comp1270D01]

I've tried searching previous topics and have been unsuccessful in finding any similar questions.  While I could use the change fonts option, this site is for a school assignment that requires me to make the modifications using the CSS/HTML editor.  

I am using the Birdseye theme for my site "comp1270D01utton-A2.weebly.com".  

As far as I can tell, line 282 of the code governs the font family for the nav menu.  It's coded as font-family: 'Open Sans', sans-serif;  Changes don't seem to affect the site at all.  I am able to change the color (line 279), size (line 283), and upper/lower case of the font (line 280), but no mayyer what I do, I am unable to change the font family in the navigation area.  

Can the CSS code for this theme not be altered?  Am I missing something somewhere else?

Thanks,

Tim

[Weeblers]

Hi @Comp1270D01,

If you're altering the correct css and you don't see any changes while modifying it you probably have changed the font with Weebly's font settings at one time or another, or it maybe even came included in a modified version of Birdseye, 

go to theme > fonts > navigation and set the font back to default

then try to modify your css again and check if anything happens.

Yup, didn't see your site link before, you can modify it like I said before or you can add !important to the font family property: 

.nav li > a.wsite-menu-item {
	font-family: serif!important;
}

This would be the result of the above code:

Hope this helps.

[joachim73]

Hi, Im strugeling with same thing "almost"   http://www.pilotech.no/

Im using the font Lato and thats fine , but on the TM after productname InCaseIT™ the font turns into serif , in my css all places i have put :   font-family: 'Latio', 'Tahoma', sans-serif;  But it still lists serif on the trademark as Lato do not have the TM, in my inspector i  can change it,  and i see were in the index.html file in my inspector that is not listed in the edit view on weebly.