Jump to content
Sign in to follow this  
stefanoferruggiara

Change font size and color in Nav Menu

Recommended Posts

stefanoferruggiara

How i can change SIZE and COLOR of the font in the NAV MENU?


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
Andrew

With custom css. You know how to use Firebug correct?

Share this post


Link to post
Share on other sites
stefanoferruggiara

I use chrome not firefox. Anf i'm not techincal .. i know how playing with the code inspect software but... it's better if you indicate me the custom code.. I see that now the font size is set to 0.8 in theme.css for the color dont ask me.. i try to understand but now way ;)


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
cmlstudios

You can start with these, I'm assuming you know the CSS for coloring. :)

#primary-nav #nav_row, #primary-nav ul li, #primary-nav ul.sf-menu li a {
	background:#333333;
	color: #fff;
	}
#primary-nav ul.sf-menu li a {
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	}
#primary-nav ul.sf-menu li a:hover {
	background: #fff;
	color:#000;
	}
#subnav_row li a, #subnav_row li.current_page_item a {
	text-shadow: none;
	color: #fff;
	}
#subnav_row li a:hover {
	text-shadow: none;
	background: #fff;
	color: #000;
	}

Hope this helps. Chris

Share this post


Link to post
Share on other sites
stefanoferruggiara

Thank Chris now i try to set it. ;)


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
stefanoferruggiara

Chris.. you have also a code for change the Font SIZE in the NAV MENU?


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
cmunns

Stefano, my friend this should do it ` #primary-nav li a { font-size:0.9em; } `

Share this post


Link to post
Share on other sites
whitcome

This is awesome! How do I change the hover color (shadow color?) for the page that is currently selected?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×