Hi

I can't seem to hide the bullet points which appear before each imagemenu. They are visible in Firefox and Safari. In IE8 they are visible unless I click the compatibility button and then they are hidden.

I am using Nitobe 6.x-4.1

Within the imagemenu folder I have a file called imagemenu.css and in it I have the following code:

.imagemenu .leaf {
background: none;
}

.imagemenu .expanded {
background: none;
}

.imagemenu .collapsed {
background: none;
}

.imagemenu .leaf {
list-style-image: none;
}

Can anyone advise me what I could try next?

Comments

johnphethean’s picture

johnphethean commented

Try adding the following to your theme style.css file...


.imagemenu li {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	background-image:none;
}
HTF’s picture

HTF commented

Hi John

It works, thank you so much for your help, I really appreciate it.

Dhaupin’s picture

Dhaupin commented

I ran into this problem today. I was a bit more specific to make sure it wasnt tainted again :)

.imagemenu, .imagemenu li.expanded, .imagemenu li.leaf , .imagemenu li.collapsed {
list-style: none;
list-style-type: none;
list-style-image: none;
color: transparent;
}

marcus_clements’s picture

marcus_clements commented
Status: Active » Closed (works as designed)
shonamaz’s picture

shonamaz commented
Status: Closed (works as designed) » Active

Hello, I'm sorry to open a closed issue but the solutions posted here aren't working for me. I've added the suggested css code to both the imagemenu.css and theme style.css files and it doesn't work. Still getting those damn bullets! I'm using the framework theme. Any suggestions out there?

Thanks, Shona.

shonamaz’s picture

shonamaz commented
Status: Active » Closed (fixed)

figured it out - I deleted the menu-leaf.gif file from my Frameworks theme image folder!