[SOLVED] Way to Remove Numbers from CSSMenu Menu Items

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
darinsee
Forum Members
Forum Members
Posts: 13
Joined: Sat Sep 08, 2007 10:24 pm

[SOLVED] Way to Remove Numbers from CSSMenu Menu Items

Post by darinsee »

Hello,

I've just set up my first CMSMS site with CMSMS V1.1.1, and am befuddled with trying to remove the numbers from the CSSMenu Menu Items - if that makes no sense at all, take a look at this page please: http://tomsee.cohete.org 

See how each of the main menu items is numbered?  Seems like that's a default setting from the CSSMenu Horizontal Menu settings (I have no idea  :) )?

Thanks for any help on this,

Darin
Last edited by darinsee on Sat Sep 08, 2007 11:15 pm, edited 1 time in total.
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm

Re: Way to Remove Numbers from CSSMenu Menu Items

Post by calguy1000 »

I think (without looking) that it's something like

dnl:  { display: none }
but check what the tag is surrounding the numbering to be sure.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
michelG
Forum Members
Forum Members
Posts: 43
Joined: Tue Jul 17, 2007 1:25 pm

Re: Way to Remove Numbers from CSSMenu Menu Items

Post by michelG »

Hi Darin.

CMSms uses numbers to specify the relationship between menu items and their sub-menus. For example:

1: Section 1
1.1: Subsection
1.2: subsection
2: Section 2

In the menu system of the web site, these numbers are wrapped with a dfn tag like this 2: .

In the CMSms admin panel, under Layout -> Stylesheets, you should have a stylesheet called "Accessibility and cross-browser tools." Make sure to select it for the template(s) you are using. It has a CSS style that will make these tags invisible. I pasted it below.

dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

You probably can also just create your own style:

dfn { display: none } (Not "dnl" per Calguy's comment!)

Michel
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm

Re: Way to Remove Numbers from CSSMenu Menu Items

Post by calguy1000 »

thanks michelG: 

Code: Select all

dfn: {display: none}
should do the trick.  It's been answered numerous times before.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
darinsee
Forum Members
Forum Members
Posts: 13
Joined: Sat Sep 08, 2007 10:24 pm

[Solved] Re: Way to Remove Numbers from CSSMenu Menu Items

Post by darinsee »

Thank You Much!

You got me looking and on the right track and it worked - I added this to the .css file that the menu is using:

Code: Select all

#primary-nav dfn {
        display: none
}
Thanks again,

Darin


Edit: I guess we all posted the last three posts nearly simultaneously - thanks to both of you, the problem is solved - sorry it's been solved many times before - I honestly did do a few searches before posting - maybe this is a good addition to the sample css file with a comment on use?

Another Edit: MichaelG, thanks for the extra info re: the Accessibility and Cross-Browser Tools css - that's HUGE!  I'll look into it - thanks again to you both.
Last edited by darinsee on Sat Sep 08, 2007 11:28 pm, edited 1 time in total.
Post Reply

Return to “Layout and Design (CSS & HTML)”