modifying menu text too long

[bobweber377579]

www.floridashuffler.com
In the levels some of the words in the dropdown are not wide enough.
I made them wider I thought.
But all I got was a white line extending to the right with no color.
how do i get the color also?
and do the white lines have to be for every column?

[Danilo Celic]

The background is set via an image that is repeated vertically. You have a few options:
1. create a new image to use as the background that is at least as wide as the longest menu item you plan on using
2. move to a background image that you can repeat horizontally. The current images http://www.floridashuffler.com/CSSMenuWriter/cssmw_images/bg.jpg, http://www.floridashuffler.com/CSSMenuWriter/cssmw_images/grad.jpg (hover image) are repeated vertically, and since it isn't as wide as your wider menu items, you see "through" the menu item.
3. Move to a background color rather than a background image, that way the color will always expand to fill up the entire menu item.

[bobweber377579]

it looks like your option 3 in your response is the simplest for me. where do i make the change? In the edit theme window i do not see anything about background image?

[Ray Borduin]

search your menu.css for bg.jpg.

[bobweber377579]

OK I finally found the color background image nd have the colors the way I want but I still have two items that overlap
www.floridashuffler.com
under clearwater club CSC Members is not wide enough and under slideshows tournament of champions is not wide enough.
I thought when I switched from background image to a color that this would resolve?

[Ray Borduin]

It would stretch the full width of the text if you updated:

ul#cssmw ul.level-1 > li > a {menu.css (line 92)
background-color:#000000;
background-image:none;
background-repeat:repeat-y;
border-bottom:1px none #9BB6D2;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
height:18px;
line-height:18px;
margin:0;
padding:6px 10px 6px 6px;
text-decoration:none;
width:134px;
}

and removed the width. But the next level would still overlap. Having varying widths may not be the best solution. Perhaps you should update the white-space:nowrap and change it to white-space:normal for this tag to allow the text to wrap.

[bobweber377579]

I dont understand any of what you are writing. I looked all over the code and your menu for white space no wrap and see nothing.
This is turning into 6 days to create what I think is a simple menu considering that I paid $$ to get something to create the menu.
First you said all I needed to do was change the background image to a color which I did. Now that does not work and now I get your last response about line 92 etc which I dont understand and then you add but the net level would still overlap. your ad said no css experience necessary but that seems to be a stretch. I am very frustrated Ray.

[Ray Borduin]

I understand you are frustrated.

The technique to get your menus to show properly is to go to the menu writer wizard and update the column width so that your text fits. Change the label to "tournaments" instead of "2008 -2009 Tournament Schedule". Any other solution would require at least re-opening and running the wizard if not making hand edits which you want to avoid.

Since our menus use css and lists, some are positioned relative to the menu before allowing them to appear on the right. When you set the width of the menu, it automatically positions the submenu according to the width.

I don't think I can solve your frustration. The menu writer does what it does and has restrictions inherited from its architecture, in this case cross browser compliant lists with css. Some things are tricky to do and some things just aren't possible.