Styling 2-line Category listing in menu?

[pixelwrangler]

I've got a nicely-styled menu, thanks to Categories Dressing.

I have a couple of top-level categories with longer titles, and the second word of these titles wraps to the next line - BUT - does not indent to line up with the word on the first line.

You can enter a <br> in the Category title, but you soon run out of typing space. How do you style this second wrapped line so it lines up with the first line of the category listing?

[tony_sar]

may not know the answer , but link to you site will help

[pixelwrangler]

The site is not online. Here is a picture of my problem.

[tony_sar]

Then i suggest, installing firebug extension for firefox and use it to find a correct value and setting in your CSS ..

[pixelwrangler]

I always use the Web Developer extension to "debug" pages. It turns out that all I had to do to resolve this particular problem was to change the CSS so that the <li> elements are set to "display:block"

Makes sense, since that's how I wanted the individual <li> elements to be treated.

[tony_sar]

Glad you resolved this issue . and thanks for posting the solution

[pixelwrangler]

Here's the code, for someone who wanted to see exactly where to make the changes in the css:

In the file /includes/templates/yourtemplate/css/stylesheet_categories_dressing.css

specify the nested <ul> formatting:


#categories ul a {/*top categories*/
display: block;

#categories ul ul a {/*subcategories*/
display: block;

That's it.

[moosesoom]

I have the same problem (long categories name not indenting).
In my css I have

#categories ul a {/*top categories*/
display: list-item;

#categories ul ul a {/*subcategories*/
display: list-item;

if I change to

#categories ul a {/*top categories*/
display: block;

#categories ul ul a {/*subcategories*/
display: block;

I lose bullets and categories names still don't indent

You can see them at www.lineagotica.it