Jump to content
Sign in to follow this  
questie

Change Subnav font size

Recommended Posts

questie

Trying to change the subnav font size. Tried the following with no luck in the style.css

#subnav .main-nav ul.main-nav {
	font-size: 0.6em !important;
	}
	
	
	#subnav li a {
	font-size: 0.6em !important;
	}
	

Share this post


Link to post
Share on other sites
Rob
Not quite sure this is what you want but try this and adjust accordingly: [code].main-nav li li a { font-size: 30px !important; } .main-nav li li li a { font-size: 8px !important; }[/code] Also, try this to reduce some of the padding: [code]ul.sf-menu ul li a { padding: 4px 9px 6px; }[/code]

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
questie
got different results. First off I have a CSS entry to shrink the brand nav that may mess this up. [code]#brandnav .main_nav ul.main-nav { font-size: 0.7em !important; }[/code] I got this when I tried your code: [img]http://beta.sciquest.com/wp-content/uploads/2012/04/Screen-Shot-2012-04-18-at-9.29.45-PM.png[/img]

Share this post


Link to post
Share on other sites
mackenzie
Did you adjust Rangelone's code from PX to EM to match your original code? You would need to adjust the # as well to be the EM equal...like 0.7 em if you use em. Sorry for the confusion. Just wanted to clarify what was placed in the code.

Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites
Rob
I didn't mean for you to keep my numbers. I meant that you could adjust the 30 to 12 or the 8 to 12 to find the right size combination you wish. Since you didn't specify an actual pixel size, I provided that as an example. How you adjust it is your choice. The point was that the code provided did change the font size of the child and grandchild menu elements, which is what you needed. The padding issues provided a smaller space for the items.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
questie
OK what about changing the 3rd level nav elements?

Share this post


Link to post
Share on other sites
questie
It appears the the Parent and 1st Child are the same style? When I add the changes those 2 elements are the same size and then the 3rd level page is different.

Share this post


Link to post
Share on other sites
Rob
I think you have the code now that you needed.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
questie
Thanks Rangelone! Here's the code for anyone else that interested. [code].main-nav li a { font-size: 1.2em !important; } .main-nav li li a { font-size: 1.0em !important; } .main-nav li li li a { font-size: 0.9em !important; } ul.sf-menu ul li a { padding: 4px 9px 6px; }[/code]

Share this post


Link to post
Share on other sites
Rob
No problem. Thanks for posting that.

Former PageLines Moderator, Food Expert and Raconteur

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  

×