Geek Answers Handbook

Removing bullet <ul> via CSS

I am using jQuery for the first time using the Views Cycle module for Drupal. I'm not a CSS professional, but I am pulling my hair out trying to remove bullets from the rotating images on this page: http://shoshannabauer.com/

What am I missing? List style is on <li> or on <ul> class?

+4
source share
9 answers

Here are some jQuery that will remove the bullet for you:

$(document).ready(function(){ $('ul.viewsCycle-processed').css({background:'transparent'}).find('> li').css({background:'transparent'}); });

And if you want to add css stylesheet to the page:

 ul.viewsCycle-processed { background:transparent !important; } ul.viewsCycle-processed li { background:transparent !important; }
+2
source

list-style goes into the <ul> class.

 ul { list-style: none; }
+16
source

edit: Sean is right. This is the reason bullets in your left navigation.

Take a look at your css, you have a bullet image.

 li.leaf { background:transparent url(images/menu-leaf.gif) no-repeat scroll 1px 0.4em; list-style-image:none; list-style-type:none; margin:0; padding:0 0 0 1.5em; }

Elements of your list have their own customizable bullets in the form of a background-image white bullet and padding-left 1.5em

+5
source

Try using list-style-type in list

 ul { list-style-type:none; }
+2
source

to try:

 list-style: none;

on <ul>

+1
source

Adding to RamboNo5's answer:

 ul.menu li, .item-list ul li, li.leaf { background: none; }

corrects this. The bullets were not created by the browser, but by the background.

+1
source

Actually, if you want to save bullets in the left menu ... if you look in your style.css?b css file under your /* lists */ and delete this line, this will fix the problem (this is a duplicate and overcoming all other styles)

 ul li { background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em; list-style-image:none; list-style-type:none; margin:0; padding:0 0 0 1.5em; }
+1
source

The list style is in the <ul> .

0
source 
 ul{ list-style:none; }

you may also need to remove the list style from li , in which case use:

 ul li{ list-style:none; }

luck

0
source

More articles:


All Articles