How to edit menu css

[pralay]

I have applied a top horizontal menu in my site
Now I want to edit the css otherwise it does not matched with my site's background.

My template attaches stylesheet named,

'menuhort-nevigation'
  which is little edited copy of 'Navigation: CSSMenu - Horizontal'
'Navigation: CSSMenu - Horizontal'

Now how to edit so that the menu css(such as background color,hover color) matches with my site.

At present it just takes the default horizontal nevigation form.

Should I edit cssmenu.tpl. If so then how?

[Dr.CSS]

Editing the menu manager templates is usually done to add id, or class or to delete some call that effects what the ul li says during generation.

To style this output you will use a CSS to make calls to the id or classes of the ul li, you might want to copy the default horiz. css menu style sheet, and attach this to your template, then start changing the look thru it, this has calls for primary_nav ul li, the sizes, colors and backgrounds are easy to change.

[WebGirl]

Hi there,

I'm stuck - trying to work out the css for the menu which comes with the CMSMS

I copied the stylesheet 'Navigation: CSSMenu - Horizontal', renamed it, and attached it to one of the pages on the new site.

This is what it looks like on my site:



For some reason, the menu appears with NUMBERS next to each page ...

Q - how do I turn off 'numbering'?
Q - which is the code to turn off background colour and hover colours?

Sorry if this sounds too basic, but I've tried a few things and haven't been able to get it to look like this:



I have a 'menu' style set up in the stylesheet I have attached, but need to somehow change the 'menu css' stylesheet.

Any tips?

Many thanks!
WebGirl

[pralay]

Thanks Mark.
I have changed the css accordingly.
Can I also change the look of the admin section the same way I did to the frontend?

Please help me?

[Dr.CSS]

WebGirl

those are in the menu manager template, for accessability conformance, to hide them you need to find in the default install a CSS call to hide them something like ...

/*
definition tags are also hidden
these are also used for menu links   
*/
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

pralay

The admin is a bit more difficult but if you look at the source view for the CSS calls and track them down you can style it just like any other web page.