Bullets show in IE, though theme doesn't include them


Author Message
jeffamm

Posted: 3/29/2009
Quote message 

The theme I'm creating in Artisteer doesn't use bullets on block menu lists, but I am seeing them displayed when using Internet Explorer. They do not show up with Firefox. I have refreshed the page to reload, so not making the same noob mistake again.

Any thoughts?
 
Patrick Visser

Posted: 3/29/2009
Quote message 

Hi jeffamm,

There is a solution. he he...

The bullet actually isn't a list style or a 'bullet' but an image of a bullet. The code for the bullet is found in modules/system/system.css and is:

# li.leaf {
# list-style-type: square;
# list-style-image: url(../../misc/menu-leaf.png);
# padding: 0.2em 0.5em 0 0;
# margin: 0;
# }

You could delete the image, change the system.css file, or over ride that css file with by adding list-style-image: none; in your template css to the li.leaf selector. The latter being the best solution that doesn't modify core files. I'd also recomment adding a padding: 0; to the same selector to remove the space that was there for the image of the bullet. Hope this helps.

also for the system-menus.css do the following:

# li.expanded {
# list-style-type: circle;
# list-style-image: url(../../misc/menu-expanded.png);
# padding: 0.2em 0.5em 0 0; /* LTR */
# margin: 0;
# }
# li.collapsed {
# list-style-type: disc;
# list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
# padding: 0.2em 0.5em 0 0; /* LTR */
# margin: 0;
}
# li.leaf {
# list-style-type: square;
# list-style-image: url(../../misc/menu-leaf.png);
# padding: 0.2em 0.5em 0 0; /* LTR */
# margin: 0;
#}
-----------------------------

Thats it, Warning! Make a copy first,,
Greetings Patrick

 
jeffamm

Posted: 3/29/2009
Quote message 

Patrick,

Are you with Artisteer? Is there a way to get Artisteer to remember the manual changes I make to the code, or will I need to make the mod every time I use Artisteer to modify the theme? I've already run into this with my head image, where I want to use an animated gif. Artisteer turns it into a jpeg (which doesn't animate) so I need to modify a file for that every time the theme is updated. I'm wondering if this is worth it.

many thanks
 
Patrick visser

Posted: 3/29/2009
Quote message 

No i'm not with adv. I just starting myself and i like to share my tricks and tips
Whel the coding i give you stays because outside the adv theme. The only thing is that when you reinstall drupal then you lose modifications. Just to be shure make backup.

I know that when you change your theme after exporting all mods within ar gone. There for use subtheme then all wil be safe. Also there are posts here how to do that. I

Hope this helps a bit my friend
 
Patrick visser

Posted: 3/29/2009
Quote message 

No i'm not with adv. I just starting myself and i like to share my tricks and tips
Whel the coding i give you stays because outside the adv theme. The only thing is that when you reinstall drupal then you lose modifications. Just to be shure make backup.

I know that when you change your theme after exporting all mods within ar gone. There for use subtheme then all wil be safe. Also there are posts here how to do that. I

Hope this helps a bit my friend
 
Erik Brouwer

Posted: 4/16/2009
Quote message 

Hi Patrick,

Thanks. Works like a charm, though I had to add some stuff. I removed all references to # list-style-type: circle; from admin.css, admin-rtl.css, defaults.css, system.css, system.menus.css, system-menus-rtl.css and system-rtl.css (though they weren't in all of those files, but I can't exactly remember which one did or didn't have it :*).
I also replaced the image in # list-style-image: url(../../misc/menu-expanded.png); with none; in all those files too.

Cheers,
Erik