Make Primary Links Wrap Sooner

By Antikx on 28 Mar 2007 at 14:33 UTC

Hello,
I'm trying to tweak the Chameleon theme to display nicer.
I notice that the Primary Links list will stretch across the entire screen and wrap only when it hits the edge of the browser.
See this jpg example: http://www.tyrannozaurus.com/files/ty-primenu-example.jpg
I've been searching the forum and also been poking around trying to find where to alter that so that it wraps at the same length as the content below.
Any advice or code, please?

Thanks,
-Antikx

Comments

Set the width wiith CSS

nevets commented 28 March 2007 at 16:19

For most themes the primary links are inside of a div. By default the div will stretch the full width of the containing element (in this case the page). For the Chameleon theme this div has a class of 'primary' so you could add the following to style.css

.primary {
  width: 80%;
}

which should limit the width of the primary links to 80% of the full width.

Beautiful! Thanks for your

Antikx commented 28 March 2007 at 17:11

Beautiful!
Thanks for your quick help.
I need to learn CSS so that I don't have to bug you guys.

On a side note, how do you know all the options that are available to you for each class?

Time and a book :)

nevets commented 28 March 2007 at 22:15

Alot of it is just practice, if you are just starting out and like a cook book approach I like the Eric Meyer books. I also have a reference book titled "Core CSS Cascading Style Sheets" from Prentice Hall that I find really useful when I know what I want to do but can not recall the details.